@charset "UTF-8";
.w1680 {
  width: 16.8rem;
  margin: 0 auto;
  position: relative;
  font-size: 0; }

@media (max-width: 1760px) {
  .w1680 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1680 {
    width: 94%; } }
.w1800 {
  width: 18rem;
  margin: 0 auto;
  position: relative;
  font-size: 0; }

@media (max-width: 1880px) {
  .w1800 {
    width: 94%; } }
@media (max-width: 800px) {
  .w1800 {
    width: 94%; } }
.w1400 {
  width: 14rem;
  margin: 0 auto;
  position: relative;
  font-size: 0; }

@media (max-width: 1480px) {
  .w1400 {
    width: 94%; } }
@media (max-width: 800px) {
  .w1400 {
    width: 94%; } }
:root {
  --themes: #036cfa; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all ease 0.5s; }
  header .hop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    transition: all ease 0.5s;
    min-height: 0.9rem;
    align-items: center; }
  header .rav {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    display: flex;
    align-items: center; }
    header .rav .search {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      text-align: center;
      cursor: pointer;
      position: relative;
      width: 19px;
      height: 40px; }
      header .rav .search .sc {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3; }
        header .rav .search .sc img {
          width: 100%;
          display: block; }
        header .rav .search .sc img:first-child {
          display: block; }
        header .rav .search .sc img:last-child {
          display: none; }
    header .rav .sechom {
      position: absolute;
      z-index: 3;
      right: 0;
      width: 4rem;
      background-color: #fff;
      box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
      padding: 0.1rem;
      top: 100%;
      display: none; }
      header .rav .sechom form {
        width: 100%;
        display: block;
        font-size: 0; }
      header .rav .sechom .input {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 2.4em - 0.2rem);
        margin-right: 0.2rem; }
        header .rav .sechom .input .int {
          width: 100%;
          display: block;
          background-color: #fff;
          line-height: 2.4;
          height: 2.4em;
          color: #111;
          padding: 0 0.1rem;
          border: none;
          background-color: #fff; }
      header .rav .sechom .stn {
        display: inline-block;
        vertical-align: middle;
        width: 2.2em;
        height: 2.2em;
        border-radius: 50%;
        background-color: var(--themes);
        position: relative; }
        header .rav .sechom .stn img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 15px;
          height: 15px;
          display: block;
          cursor: pointer;
          z-index: 1;
          filter: grayscale(1000%) brightness(2000%); }
        header .rav .sechom .stn input {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: block;
          border-radius: 50%;
          cursor: pointer;
          z-index: 3;
          opacity: 0; }
    header .rav .languages {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      font-size: 0;
      margin: 0 0.1rem;
      text-align: left;
      z-index: 3;
      margin-left: 0.4rem; }
      header .rav .languages .lauges {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        position: relative; }
        header .rav .languages .lauges .lashow {
          width: 100%;
          position: relative;
          cursor: pointer;
          font-size: 0;
          line-height: 40px;
          white-space: nowrap;
          height: 40px;
          padding-right: 16px; }
          header .rav .languages .lauges .lashow .ac {
            display: inline-block;
            vertical-align: middle;
            width: 19px;
            margin-right: 0.1rem; }
            header .rav .languages .lauges .lashow .ac img {
              width: 100%;
              display: block; }
            header .rav .languages .lauges .lashow .ac img:first-child {
              display: block; }
            header .rav .languages .lauges .lashow .ac img:last-child {
              display: none; }
          header .rav .languages .lauges .lashow .am {
            color: #fff;
            display: inline-block;
            vertical-align: middle;
            width: auto;
            min-width: 40px; }
          header .rav .languages .lauges .lashow:after {
            content: ' ';
            position: absolute;
            right: 0rem;
            top: calc(50%);
            transform: translateY(-50%);
            background-image: url("../images/x1.png");
            width: 9px;
            height: 6px;
            background-size: 100%; }
        header .rav .languages .lauges .language {
          position: absolute;
          z-index: 20;
          top: 100%;
          width: 100%;
          display: none;
          width: 60px;
          width: 1rem;
          left: 50%;
          transform: translateX(-50%); }
          header .rav .languages .lauges .language .latem {
            width: 100%; }
            header .rav .languages .lauges .language .latem a {
              width: 100%;
              display: block;
              color: #333;
              padding: 0 0.1rem;
              line-height: 3;
              text-align: center;
              position: relative;
              background: #efefef;
              overflow: hidden; }
              header .rav .languages .lauges .language .latem a span {
                display: inline-block;
                vertical-align: middle;
                position: relative;
                z-index: 2; }
              header .rav .languages .lauges .language .latem a:after {
                content: "";
                position: absolute;
                width: 140%;
                height: 100%;
                left: -10%;
                top: 0;
                z-index: -1;
                transform: translate(-105%, 0) skew(-20deg);
                background: var(--themes);
                z-index: 1;
                animation: outHover 0.5s ease 1 forwards; }
            header .rav .languages .lauges .language .latem a:hover {
              color: #fff; }
              header .rav .languages .lauges .language .latem a:hover span {
                color: #fff; }
              header .rav .languages .lauges .language .latem a:hover:after {
                animation-name: onHover; }
@keyframes onHover {
  from {
    transform: translate(-110%, 0) skew(-20deg); }
  to {
    transform: translate(0, 0) skew(-20deg); } }
@keyframes outHover {
  from {
    transform: translate(0, 0) skew(-20deg); }
  to {
    transform: translate(110%, 0) skew(-20deg); } }
    header .rav .rd {
      display: inline-block;
      vertical-align: middle;
      width: 0.51rem;
      margin-left: 0.3rem;
      cursor: pointer; }
      header .rav .rd img {
        width: 100%;
        display: block; }
    header .rav .menu {
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      cursor: pointer;
      position: relative;
      display: none; }
      header .rav .menu img {
        width: 100%;
        display: block; }
      header .rav .menu .clk {
        width: 100%;
        height: 100%;
        text-align: center;
        color: #333;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: none; }
    header .rav .langs {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      white-space: nowrap; }
      header .rav .langs .lam {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
        header .rav .langs .lam a {
          display: inline-block;
          vertical-align: middle;
          color: #fff;
          line-height: 1.5;
          width: auto; }
        header .rav .langs .lam span {
          display: inline-block;
          vertical-align: middle;
          color: #fff;
          line-height: 1.5;
          margin: 0 0.1rem; }
      header .rav .langs .lam:last-child span {
        display: none; }
      header .rav .langs .lam:hover a {
        color: var(--themes); }
      header .rav .langs .lam:hover span {
        color: #fff; }
    header .rav .stn {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      margin-right: 0.3rem; }
      header .rav .stn a {
        width: 18px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer; }
        header .rav .stn a img {
          width: 100%;
          display: block; }
        header .rav .stn a img:first-child {
          display: block; }
        header .rav .stn a img:last-child {
          display: none; }
  header .logo {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
    white-space: nowrap; }
    header .logo .log {
      width: 1.36rem;
      width: 266px;
      display: inline-block;
      vertical-align: middle; }
      header .logo .log a, header .logo .log img {
        width: 100%;
        display: block; }
      header .logo .log img:first-child {
        display: block; }
      header .logo .log img:last-child {
        display: none; }
  header nav {
    width: 100%;
    display: block;
    text-align: center; }
    header nav .natem {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      text-align: center;
      font-size: 0; }
      header nav .natem .nas {
        width: auto;
        display: inline-block;
        position: relative;
        margin: 0 0.1rem; }
        header nav .natem .nas a {
          display: inline-block;
          line-height: 1rem;
          color: #fff;
          position: relative;
          padding: 0 0.1rem;
          transition: all ease 0.5s; }
        header nav .natem .nas:before {
          content: ' ';
          position: absolute;
          display: inline-block;
          vertical-align: middle;
          width: 0.12rem;
          height: 0.07rem;
          background-image: url("../images/xx1.png");
          background-size: 100% 100%;
          bottom: 0.2rem;
          left: 50%;
          transform: translateX(-50%);
          opacity: 0;
          transition: all ease 0.5s; }
        header nav .natem .nas:after {
          content: ' ';
          position: absolute;
          left: 50%;
          bottom: 0rem;
          transform: translateX(-50%);
          opacity: 0;
          background-color: #fff;
          transition: all ease 0.5s;
          width: 0;
          height: 0.02rem; }
      header nav .natem .navuls {
        width: 2.2rem;
        width: 2rem;
        position: absolute;
        z-index: 101;
        left: calc(50%);
        top: 100%;
        transform: translateX(-50%);
        display: none; }
        header nav .natem .navuls ul {
          width: 100%; }
          header nav .natem .navuls ul li {
            width: 100%;
            position: relative; }
            header nav .natem .navuls ul li .njm {
              width: 100%;
              font-size: 0;
              border-top: solid 1px rgba(255, 255, 255, 0.15);
              background-color: rgba(255, 255, 255, 0.5); }
            header nav .natem .navuls ul li .ns {
              width: 100%;
              display: inline-block;
              vertical-align: middle;
              line-height: 3;
              color: #333;
              text-align: left;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              padding: 0 0.1rem;
              position: relative;
              text-align: center; }
            header nav .natem .navuls ul li .theul {
              width: 100%;
              background-color: #fff;
              display: none; }
              header nav .natem .navuls ul li .theul li {
                width: 100%;
                font-size: 0; }
                header nav .natem .navuls ul li .theul li .xn {
                  display: inline-block;
                  vertical-align: middle;
                  color: #333;
                  line-height: 2.5;
                  padding: 0 0.2rem; }
                header nav .natem .navuls ul li .theul li .xn:hover {
                  color: #333; }
          header nav .natem .navuls ul li:hover .ns {
            background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
            color: #fff; }
          header nav .natem .navuls ul li.has-the:after {
            content: "+";
            display: inline-block;
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            position: absolute;
            background: none;
            right: 0;
            left: auto;
            transform: translateX(0);
            top: 0.05rem;
            font-size: 20px;
            color: #333;
            border: none;
            display: none; }
          header nav .natem .navuls ul li.has-the.show:after {
            content: "-"; }
      header nav .natem .longul {
        width: 100%;
        position: fixed;
        z-index: 101;
        left: calc(50%);
        top: 0.9rem;
        left: 0;
        border-top: solid 1px rgba(255, 255, 255, 0.15);
        padding: 0.4rem 0;
        background-color: var(--themes);
        display: none; }
        header nav .natem .longul .longlist {
          width: 100%;
          font-size: 0;
          display: flex;
          flex-wrap: wrap;
          text-align: left; }
          header nav .natem .longul .longlist .logem {
            display: inline-block;
            vertical-align: middle;
            width: calc(290 / 1320 * 100%);
            margin-right: calc(52 / 1320 * 100%);
            margin-bottom: 0.4rem;
            transition: all ease 0.5s;
            top: 0;
            position: relative; }
            header nav .natem .longul .longlist .logem a {
              width: 100%;
              display: block;
              font-size: 0; }
            header nav .natem .longul .longlist .logem .imgs {
              display: inline-block;
              vertical-align: middle;
              width: calc(1rem);
              margin-right: 0.2rem;
              position: relative;
              overflow: hidden; }
              header nav .natem .longul .longlist .logem .imgs .img {
                width: 100%;
                padding-top: 100%;
                transition: all ease 0.5s; }
            header nav .natem .longul .longlist .logem .rom {
              display: inline-block;
              vertical-align: middle;
              width: calc(100% - 1.2rem); }
              header nav .natem .longul .longlist .logem .rom .rx {
                width: 100%;
                color: #fff;
                line-height: 1.5; }
          header nav .natem .longul .longlist .logem:nth-child(4n) {
            margin-right: 0; }
          header nav .natem .longul .longlist .logem:hover {
            top: -0.1rem; }
    header nav .natem.has-nav .nas .xs {
      display: inline-block; }
    header nav .natem.on .nas a {
      background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
      -webkit-background-clip: text;
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text; }
    header nav .natem.on .nas:before {
      opacity: 1; }
    header nav .natem:hover .nas a {
      background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
      -webkit-background-clip: text;
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text; }
    header nav .natem:hover .nas:before {
      opacity: 1; }
  header .secpomd {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0.32rem 0;
    z-index: 12;
    display: none; }
    header .secpomd .hvp {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      font-size: 0; }
      header .secpomd .hvp .logo {
        width: 136px;
        display: inline-block;
        vertical-align: middle; }
        header .secpomd .hvp .logo a, header .secpomd .hvp .logo img {
          width: 100%;
          display: block; }
      header .secpomd .hvp .somd {
        display: inline-block;
        vertical-align: middle;
        width: 6rem; }
        header .secpomd .hvp .somd .setom {
          width: 100%;
          border-bottom: solid 2px #f0f2f5;
          font-size: 0;
          margin-bottom: 0.4rem; }
          header .secpomd .hvp .somd .setom .sinc {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 18px);
            padding-right: 0.2rem;
            color: #333;
            line-height: 3;
            height: 3em;
            background-color: transparent;
            border: none; }
          header .secpomd .hvp .somd .setom .tcn {
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            cursor: pointer;
            position: relative; }
            header .secpomd .hvp .somd .setom .tcn img {
              width: 100%;
              display: block; }
            header .secpomd .hvp .somd .setom .tcn .srn {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              z-index: 3;
              cursor: pointer;
              opacity: 0; }
        header .secpomd .hvp .somd .pecom {
          width: 100%; }
          header .secpomd .hvp .somd .pecom .pie {
            width: 100%;
            color: #999;
            line-height: 1.5;
            margin-bottom: 0.1rem; }
          header .secpomd .hvp .somd .pecom .puls {
            width: 100%; }
            header .secpomd .hvp .somd .pecom .puls .pli {
              width: 100%;
              padding: 0.03rem 0; }
              header .secpomd .hvp .somd .pecom .puls .pli a {
                width: 100%;
                display: block;
                color: #000;
                line-height: 2; }
              header .secpomd .hvp .somd .pecom .puls .pli a:hover {
                color: var(--themes); }
      header .secpomd .hvp .clost {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #000;
        line-height: 1.5;
        cursor: pointer; }
  header .bloem {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    display: none; }

header.white {
  background-color: #fff; }
  header.white .rav .search .sc img:first-child {
    display: none; }
  header.white .rav .search .sc img:last-child {
    display: block; }
  header.white .rav .languages .lauges .lashow .ac img:first-child {
    display: none; }
  header.white .rav .languages .lauges .lashow .ac img:last-child {
    display: block; }
  header.white .rav .languages .lauges .lashow .am {
    color: #000; }
  header.white .rav .languages .lauges .lashow:after {
    background-image: url("../images/x2.png");
    background-size: 100%; }
  header.white .rav .langs .lam a, header.white .rav .langs .lam span {
    color: #333; }
  header.white .rav .langs .lam:hover a {
    color: var(--themes); }
  header.white .rav .langs .lam:hover span {
    color: #333; }
  header.white .rav .stn a img:first-child {
    display: none; }
  header.white .rav .stn a img:last-child {
    display: block; }
  header.white .logo .log img:first-child {
    display: none; }
  header.white .logo .log img:last-child {
    display: block; }
  header.white nav .natem .nas a {
    color: #000; }
  header.white nav .natem.on .nas a {
    background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text; }
  header.white nav .natem.on .nas:before {
    opacity: 1; }
  header.white nav .natem:hover .nas a {
    background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text; }
  header.white nav .natem:hover .nas:before {
    opacity: 1; }

@media (max-width: 800px) {
  header {
    background-color: #fff; }
    header .hop {
      align-items: center;
      padding: 0.1rem 0;
      height: calc(40px + 0.2rem); }
    header .blace {
      position: fixed;
      z-index: -1;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 450;
      display: none;
      background-color: rgba(0, 0, 0, 0.5); }
    header nav {
      width: 100%;
      width: 5rem;
      position: fixed;
      right: -100%;
      top: 0;
      left: auto;
      height: 100vh;
      background-color: #fff;
      margin-right: 0;
      overflow: auto;
      z-index: 500;
      transition: all ease  1.2s;
      padding-left: 0.1rem;
      padding: 0.1rem;
      display: block;
      text-align: left;
      opacity: 0;
      border-top: solid 1px #e5e5e5; }
      header nav .natem {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: auto;
        width: 100%;
        padding: 0.1rem 0;
        opacity: 0;
        transform: translate(-10px, -30px);
        transition: all .8s ease; }
        header nav .natem .nas {
          width: auto;
          display: inline-block;
          text-align: left;
          width: 100%;
          margin: 0; }
          header nav .natem .nas a {
            width: auto;
            display: inline-block;
            vertical-align: middle;
            line-height: 2.5;
            color: #333;
            font-weight: bold;
            font-family: 'Alibaba-PuHuiTi-Bold';
            padding: 0 0.3rem;
            position: relative; }
          header nav .natem .nas .ik {
            display: none !important; }
          header nav .natem .nas a:hover {
            color: var(--themes);
            background-color: transparent; }
        header nav .natem .navuls {
          width: 100%;
          position: relative;
          z-index: 101;
          left: 0%;
          top: 0%;
          transform: translateX(0%);
          background: #fff;
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
          display: none;
          text-align: left; }
          header nav .natem .navuls ul {
            width: 100%;
            padding: 0.1rem 0.2rem; }
            header nav .natem .navuls ul li {
              width: 100%;
              display: block;
              position: relative;
              margin-bottom: 0; }
              header nav .natem .navuls ul li .njm {
                background-color: #fff;
                border-top: none; }
              header nav .natem .navuls ul li .ns {
                width: auto;
                display: inline-block;
                vertical-align: middle;
                line-height: 3;
                color: #333;
                text-align: left !important;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                padding: 0 0.2rem;
                background: #fff;
                position: relative; }
              header nav .natem .navuls ul li .ns:hover {
                color: var(--themes); }
            header nav .natem .navuls ul li + li {
              border-top: solid 1px #eee; }
            header nav .natem .navuls ul li:hover .ns {
              background-color: transparent;
              color: var(--themes);
              color: #fff; }
            header nav .natem .navuls ul li.has-the:after {
              display: block; }
        header nav .natem:before {
          display: none !important; }
      header nav .natem.on .nas:after {
        display: none; }
      header nav .natem.has-nav .nas .xs {
        display: none; }
      header nav .natem.has-nav:after {
        content: "+";
        display: inline-block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        position: absolute;
        background: none;
        right: 0;
        left: auto;
        transform: translateX(0);
        top: 0.05rem;
        font-size: 20px;
        color: #333;
        border: none; }
      header nav .natem.has-nav.show:after {
        content: "-"; }
      header nav .natem.animate {
        opacity: 1;
        transform: translate(0, 0); }
    header .logo .log img:first-child {
      display: none; }
    header .logo .log img:last-child {
      display: block; }
    header .rav .langs .lam a, header .rav .langs .lam span {
      color: #333; }
    header .rav .langs .lam:hover a {
      color: var(--themes); }
    header .rav .langs .lam:hover span {
      color: #333; }
    header .rav .stn a img:first-child {
      display: none; }
    header .rav .stn a img:last-child {
      display: block; }
    header .rav .menu {
      width: 30px;
      height: 30px;
      display: inline-block;
      margin-left: 0.15rem; }
      header .rav .menu img {
        width: 100%;
        display: block;
        filter: grayscale(1000%) brightness(2000%); }
      header .rav .menu .clk {
        line-height: 30px; }
    header .rav .searcom {
      width: 80px;
      background-color: #f8f8f8; }
      header .rav .searcom .input input {
        color: #333; }
      header .rav .searcom .input input::-webkit-input-placeholder,
      header .rav .searcom .input textarea::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.5); }
      header .rav .searcom .input input:-moz-placeholder,
      header .rav .searcom .input textarea:-moz-placeholder {
        color: rgba(0, 0, 0, 0.5); }
      header .rav .searcom .input input::-moz-placeholder,
      header .rav .searcom .input textarea::-moz-placeholder {
        color: rgba(0, 0, 0, 0.5); }
      header .rav .searcom .input input:-ms-input-placeholder,
      header .rav .searcom .input textarea:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.5); }
    header .rav .search {
      width: 20px;
      display: inline-block;
      margin-right: 5px; }
      header .rav .search .sc {
        width: 15px;
        height: 15px; }
        header .rav .search .sc img:first-child {
          display: none; }
        header .rav .search .sc img:last-child {
          display: block; }
    header .rav .sechom {
      width: 100vw;
      position: fixed;
      left: 0;
      top: calc(40px + 0.2rem);
      padding: 0.15rem; }
    header .rav .search .sc img:first-child {
      display: none; }
    header .rav .search .sc img:last-child {
      display: block; }
    header .rav .languages .lauges .lashow .ac img:first-child {
      display: none; }
    header .rav .languages .lauges .lashow .ac img:last-child {
      display: block; }
    header .rav .languages .lauges .lashow .am {
      color: #000; }
    header .rav .languages .lauges .lashow:after {
      background-image: url("../images/x2.png");
      background-size: 100%; }
    header .hot {
      border-bottom: solid 1px rgba(0, 0, 0, 0.08); }
      header .hot .hom .hkr .tc img:first-child {
        display: none; }
      header .hot .hom .hkr .tc img:last-child {
        display: block; }
      header .hot .hom .hkr .tm {
        color: #222; }
    header .secpomd {
      width: 100%; }
      header .secpomd .hvp .logo {
        order: 1; }
      header .secpomd .hvp .clost {
        order: 2; }
      header .secpomd .hvp .somd {
        order: 3;
        width: 100%;
        margin-top: 0.2rem; }

  header.menu-state .rav .menu img {
    opacity: 0; }
  header.menu-state nav {
    opacity: 1;
    right: 0; }
  header.menu-state .blace {
    opacity: 1; } }
.banner {
  width: 100%;
  position: relative; }
  .banner .swiper-slide {
    width: 100%;
    position: relative; }
    .banner .swiper-slide .imgs{
      transform: scale(1.3);
      transition: all ease 5s;
    }
    .banner .swiper-slide .imgs.salce{
      transform: scale(1.0);
    }
    .banner .swiper-slide .imgs.pcm {
      width: 100%;
      position: relative;
      overflow: hidden;
      display: block; }
      .banner .swiper-slide .imgs.pcm .img {
        width: 100%;
        padding-top: 48.95%; }
    .banner .swiper-slide .imgs.phm {
      width: 100%;
      position: relative;
      overflow: hidden;
      display: none; }
      .banner .swiper-slide .imgs.phm .img {
        width: 100%;
        padding-top: 177.77%; }
    .banner .swiper-slide .bkc {
      position: absolute;
      z-index: 6;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
    .banner .swiper-slide .box {
      position: absolute;
      z-index: 7;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%;
      width: 14.4rem;
      max-width: 80%;
      text-align: center; }
      .banner .swiper-slide .box .bit {
        width: 100%;
        color: #fff;
        line-height: 1.3;
        font-weight: bold;
        letter-spacing: 0.05rem;
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .bit p {
          color: #fff;
          line-height: 1.3;
          position: relative;
          z-index: 2; }
      .banner .swiper-slide .box .lx {
        width: 100%;
        font-size: 0;
        margin: 0.2rem 0 0.4rem;
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .lx span {
          display: inline-block;
          vertical-align: middle;
          width: 0.33rem;
          height: 0.06rem;
          background-color: #fff; }
      .banner .swiper-slide .box .eim {
        width: 100%;
        color: #fff;
        line-height: 1.2;
        opacity: 0;
        transform: translate3d(0, 25%, 0);
        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
        .banner .swiper-slide .box .eim p {
          color: #fff;
          line-height: 1.2;
          position: relative;
          z-index: 2; }
    .banner .swiper-slide .videoc {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 4;
      background-color: rgba(0, 0, 0, 0.3);
      opacity: 1;
      transition: all ease 0.5s;
      z-index: 5; }
      .banner .swiper-slide .videoc .vom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3; }
  .banner .swiper-slide-active .box .bit, .banner .swiper-slide-active .box .more, .banner .swiper-slide-active .box .eim, .banner .swiper-slide-active .box .lx {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  .banner .swiper-pagination {
    bottom: 0.3rem; }
  .banner .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 3px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    margin: 0 0.1rem !important; }
  .banner .swiper-pagination-bullet-active {
    background-color: #fff; }
  .banner .btn {
    position: absolute;
    width: 14px;
    cursor: pointer;
    z-index: 2;
    top: 50%;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.6;
    transform: translateY(-50%);
    transition: all ease 0.5s; }
    .banner .btn img {
      width: 100%;
      display: block; }
  .banner .btn:hover {
    opacity: 1; }
  .banner .bl {
    left: 0.6rem; }
  .banner .br {
    right: 0.6rem; }

@media (max-width: 800px) {
  .banner .swiper-slide .imgs.pcm {
    display: none; }
  .banner .swiper-slide .imgs.phm {
    display: block; }
  .banner .swiper-slide .box .bit {
    font-size: .36rem; }
  .banner .swiper-slide .box .eim {
    font-size: .32rem; }
  .banner .swiper-slide .box .more a {
    font-size: .32rem; }
  .banner .bl {
    left: 0.05rem; }
  .banner .br {
    right: 0.05rem; } }
footer {
  width: 100%;
  background-color: #515151;
  position: relative; }
  footer .lx1 {
    position: absolute;
    z-index: 1;
    width: calc(1210 / 1920 * 100%);
    left: calc(120 / 1920 * 100%);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    top: 1.36rem; }
  footer .lx2 {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 1px;
    left: calc(1330 / 1920 * 100%);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1); }
  footer .w1680 {
    position: relative;
    z-index: 2; }
  footer .ftop {
    width: 100%;
    padding: 0.6rem 0 1rem; }
  footer .fop {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    footer .fop .fol {
      display: inline-block;
      vertical-align: middle;
      width: calc(1180 / 1680 * 100%); }
      footer .fop .fol .fogo {
        width: 100%;
        margin-bottom: 1.1rem;
        font-size: 0; }
        footer .fop .fol .fogo a {
          display: inline-block;
          vertical-align: middle;
          width: 266px; }
          footer .fop .fol .fogo a img {
            width: 100%;
            display: block; }
      footer .fop .fol .foms {
        width: 100%; }
      footer .fop .fol .flist {
        display: inline-block;
        vertical-align: top;
        width: calc(196 / 1180 * 100%);
        text-align: left;
        padding-right: 0.15rem; }
        footer .fop .fol .flist .fit {
          width: 100%;
          font-size: 0;
          margin-bottom: 0.2rem; }
          footer .fop .fol .flist .fit a {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            line-height: 1.4;
            transition: all ease 0.5s; }
          footer .fop .fol .flist .fit a:hover {
            color: var(--themes); }
        footer .fop .fol .flist .ful {
          width: 100%; }
          footer .fop .fol .flist .ful a {
            width: 100%;
            display: inline-block;
            vertical-align: top;
            color: rgba(255, 255, 255, 0.5);
            transition: all ease 0.5s;
            line-height: 2;
            line-height: 1.5;
            padding: 0.05rem 0; }
          footer .fop .fol .flist .ful a:hover {
            color: #fff; }
          footer .fop .fol .flist .ful div {
            width: 100%;
            display: inline-block;
            vertical-align: middle;
            color: rgba(255, 255, 255, 0.5);
            line-height: 2;
            transition: all ease 0.5s; }
    footer .fop .for {
      display: inline-block;
      vertical-align: middle;
      width: calc(370 / 1680 * 100%); }
      footer .fop .for .fit {
        width: 100%;
        margin-bottom: 0.3rem;
        color: #fff;
        line-height: 1.4; }
      footer .fop .for .fum {
        width: 100%;
        color: #fff;
        font-weight: bold;
        margin: 0.3rem 0; }
      footer .fop .for .sim {
        width: 100%;
        color: rgba(255, 255, 255, 0.5);
        line-height: 2; }
        footer .fop .for .sim p {
          color: rgba(255, 255, 255, 0.5);
          line-height: 2; }
      footer .fop .for .share {
        width: 100%;
        font-size: 0;
        margin-top: 0.4rem; }
        footer .fop .for .share .am {
          display: inline-block;
          vertical-align: middle;
          width: 24px;
          position: relative;
          transition: all ease 0.5s;
          margin-right: 0.2rem;
          opacity: 0.5; }
          footer .fop .for .share .am a, footer .fop .for .share .am img {
            width: 100%;
            display: block; }
          footer .fop .for .share .am .codm {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: calc(100% + 0.1rem);
            box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
            width: 1.2rem;
            background-color: #fff;
            padding: 0.06rem;
            border-radius: 0.05rem;
            display: none;
            z-index: 2; }
            footer .fop .for .share .am .codm:after {
              content: ' ';
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: 100%;
              width: 0;
              height: 0;
              border: solid 0.05rem;
              border-color: transparent transparent #fff  transparent; }
        footer .fop .for .share .am:hover {
          opacity: 1; }
          footer .fop .for .share .am:hover .codm {
            display: block; }
  footer .fbot {
    width: 100%;
    padding: 0.32rem 0; }
  footer .fob {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    footer .fob .fm {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      color: rgba(255, 255, 255, 0.5);
      line-height: 1.5; }
      footer .fob .fm a {
        display: inline-block;
        vertical-align: middle;
        color: rgba(255, 255, 255, 0.5);
        line-height: 1.5;
        width: auto; }
        footer .fob .fm a span {
          display: inline-block;
          vertical-align: middle;
          color: rgba(255, 255, 255, 0.15);
          line-height: 1.5;
          margin: 0 0.1rem; }
      footer .fob .fm a:hover {
        color: #fff; }
        footer .fob .fm a:hover span {
          color: rgba(255, 255, 255, 0.15); }
      footer .fob .fm a:last-child span {
        display: none; }

@media (max-width: 1760px) {
  footer .lx1 {
    left: 5%; }
  footer .lx2 {
    left: calc(1210 / 1920 * 100% + 5%); } }
@media (max-width: 800px) {
  footer .ftop {
    padding: 0.2rem 0; }
  footer .fbot {
    padding: 0.2rem 0; }
  footer .fop .fol {
    width: 100%;
    margin-bottom: 0.3rem; }
    footer .fop .fol .fogo {
      margin-bottom: 0.3rem; }
      footer .fop .fol .fogo a {
        width: 266px; }
    footer .fop .fol .flist {
      width: 100%;
      border-bottom: solid 1px rgba(255, 255, 255, 0.1);
      position: relative; }
      footer .fop .fol .flist .fit {
        width: 100%;
        margin-bottom: 0;
        padding: 0.15rem 0;
        margin-left: 0; }
        footer .fop .fol .flist .fit a {
          font-size: 14px; }
      footer .fop .fol .flist .ful {
        width: 100%;
        font-size: 0;
        padding-bottom: 0.15rem;
        display: none;
        height: auto; }
        footer .fop .fol .flist .ful a {
          line-height: 2; }
    footer .fop .fol .flist:last-child {
      border: none;
      border-bottom: solid 1px rgba(255, 255, 255, 0.1); }
    footer .fop .fol .flist:first-child {
      border-top: none;
      border-top: solid 1px rgba(255, 255, 255, 0.1); }
    footer .fop .fol .flist.has-ful:after {
      content: " ";
      display: inline-block;
      width: 12px;
      height: 7px;
      background-image: url("../images/x2.png");
      background-position: center;
      background-size: 100% 100%;
      text-align: center;
      position: absolute;
      right: 0.2rem;
      left: auto;
      transform: translateX(0) rotate(0deg);
      top: 0.3rem;
      color: #333;
      border: none;
      transition: all ease 0.5s; }
    footer .fop .fol .flist.has-ful.show:after {
      content: " ";
      transform: translateX(0) rotate(180deg); }
  footer .fop .for {
    width: 100%; } }
.modular {
  width: 100%; }
  .modular .mitop {
    width: 100%;
    margin-bottom: 0.5rem; }
    .modular .mitop .mix {
      width: 100%;
      color: #000;
      font-weight: bold;
      line-height: 1.3; }
      .modular .mitop .mix p {
        color: #000;
        font-weight: bold;
        line-height: 1.3; }
      .modular .mitop .mix span {
        display: inline-block;
        color: #999;
        line-height: 1.5;
        margin-left: 0.45rem; }
    .modular .mitop .lx {
      width: 100%;
      font-size: 0;
      margin-top: 0.22rem; }
      .modular .mitop .lx span {
        display: inline-block;
        vertical-align: middle;
        width: 0.33rem;
        height: 0.06rem;
        background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35); }
    .modular .mitop .mip {
      width: 100%;
      color: #666;
      line-height: 1.75;
      margin-top: 0.46rem; }
      .modular .mitop .mip p {
        color: #666;
        line-height: 1.75; }
  .modular .mitop.mid {
    text-align: center; }
  .modular .mitop.marls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .modular .mitop.marls .mol {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      max-width: 50%; }
    .modular .mitop.marls .mor {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      max-width: 50%; }
    .modular .mitop.marls .mornav {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop.marls .mornav .vetm {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #666;
        line-height: 3.4;
        position: relative;
        cursor: pointer;
        margin-right: 0.4rem; }
        .modular .mitop.marls .mornav .vetm::after {
          content: ' ';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 2px;
          background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff);
          opacity: 0;
          transition: all ease 0.5s; }
      .modular .mitop.marls .mornav .vetm.on::after, .modular .mitop.marls .mornav .vetm:hover::after {
        opacity: 1; }
    .modular .mitop.marls .meop {
      display: inline-block;
      vertical-align: middle;
      width: auto; }
      .modular .mitop.marls .meop .mop {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .modular .mitop.marls .meop .mop .lum {
          width: auto;
          display: inline-block;
          vertical-align: middle;
          background: -webkit-linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
          /* Chrome, Safari */
          background: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
          /* 标准语法 */
          -webkit-background-clip: text;
          /* Chrome, Safari */
          background-clip: text;
          -webkit-text-fill-color: transparent;
          /* Chrome, Safari */
          color: transparent;
          /* 其他浏览器 */ }
          .modular .mitop.marls .meop .mop .lum span {
            display: inline-block;
            font-weight: bold;
            margin-right: 0.02rem; }
        .modular .mitop.marls .meop .mop .rc {
          display: inline-block;
          vertical-align: middle;
          width: 0.44rem;
          margin-left: 1rem; }
          .modular .mitop.marls .meop .mop .rc img {
            width: 100%;
            display: block; }
      .modular .mitop.marls .meop .mie {
        width: 100%;
        color: #666;
        line-height: 1.6;
        margin-top: 0.06rem; }

.modular.white .mitop .mix {
  color: #fff; }
.modular.white .mitop .lx span {
  background-color: #fff;
  background-image: none; }

.causes {
  width: 100%;
  position: relative; }
  .causes .hei {
    width: 100%;
    padding-top: 50%;
    padding-top: 9.6rem; }
  .causes .imglist {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1; }
    .causes .imglist .imtm {
      width: 100%;
      height: 100%;
      display: block;
      transition: all ease 0.5s;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      z-index: 1; }
      .causes .imglist .imtm .imgs {
        width: 100%;
        height: 100%;
        display: block; }
        .causes .imglist .imtm .imgs .img {
          width: 100%;
          height: 100%;
          display: block; }
    .causes .imglist .imtm.on {
      z-index: 3;
      opacity: 1; }
  .causes .causper {
    width: 100%;
    position: relative;
    z-index: 4;
    left: 0;
    bottom: 0;
    height: 100%; }
    .causes .causper .swiper-slide {
      width: 100%;
      position: relative; }
      .causes .causper .swiper-slide .copm {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        align-content: flex-end;
        padding: 0.2rem 0.4rem 1rem; }
        .causes .causper .swiper-slide .copm .ic {
          display: block;
          margin: 0 auto 0.18rem;
          width: 0.42rem; }
          .causes .causper .swiper-slide .copm .ic img {
            width: 100%;
            display: block; }
        .causes .causper .swiper-slide .copm .cm {
          width: 100%;
          text-align: center;
          color: #fff;
          font-weight: bold;
          line-height: 1.2; }
      .causes .causper .swiper-slide .koms {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        align-content: flex-end;
        padding: 0.2rem 0.2rem 1rem;
        opacity: 0;
        transition: all ease 0.5s; }
        .causes .causper .swiper-slide .koms .kinp {
          width: 100%;
          color: #fff;
          line-height: 1.75;
          display: block;
          margin: 0 auto;
          width: 2.5rem; }
          .causes .causper .swiper-slide .koms .kinp p {
            color: #fff;
            line-height: 1.75; }
        .causes .causper .swiper-slide .koms .more {
          width: 100%;
          font-size: 0;
          text-align: center;
          margin-top: 0.7rem; }
          .causes .causper .swiper-slide .koms .more a {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            padding: 0 0.45rem;
            color: #fff;
            line-height: 3;
            position: relative;
            border-radius: 1.5em;
            border: solid 2px #fff;
            transition: all ease 0.5s;
            overflow: hidden; }
            .causes .causper .swiper-slide .koms .more a span {
              display: inline-block;
              vertical-align: middle;
              width: 13px;
              position: relative;
              top: -0.02rem;
              margin-left: 0.1rem; }
              .causes .causper .swiper-slide .koms .more a span img {
                width: 100%;
                display: block; }
          .causes .causper .swiper-slide .koms .more a:hover {
            border-style: solid;
            border-width: 2px;
            border-image-source: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);
            border-image-slice: 1;
            background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
            color: #fff; }
            .causes .causper .swiper-slide .koms .more a:hover span img {
              filter: grayscale(1000%) brightness(2000%); }
    .causes .causper .swiper-slide:hover .koms {
      opacity: 1; }
      .causes .causper .btn {
        position: absolute;
        z-index: 3;
        top: 50%;
        transform: translateY(-50%);
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.1);
        cursor: pointer; }
        .causes .causper .btn img {
          width: 100%;
          display: block; }
      .causes .causper .btn:hover {
        background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#000000, #000000);
        background-color: transparent; }
      .causes .causper .bl {
        left: 0.3rem; }
      .causes .causper .br {
        right: 0.3rem; }
  .causes .mtop {
    width: 100%;
    position: absolute;
    top: 9.6%;
    z-index: 2; }

.compys {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }
  .compys .cml {
    display: inline-block;
    vertical-align: middle;
    width: calc(960 / 1920 * 100%); }
    .compys .cml .imgs {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .compys .cml .imgs .img {
        width: 100%;
        padding-top: 73.958%;
        transition: all ease 0.5s; }
  .compys .cmr {
    display: inline-block;
    vertical-align: middle;
    width: calc(960 / 1920 * 100%);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 0.3rem 1.2rem 0.3rem calc(120 / 1920 * 100%); }
    .compys .cmr .sinp {
      width: 100%;
      color: #666;
      line-height: 1.75; }
      .compys .cmr .sinp p {
        color: #666;
        line-height: 1.75; }
    .compys .cmr .more {
      width: 100%;
      font-size: 0;
      margin-top: 0.7rem; }
      .compys .cmr .more a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        padding: 0 0.45rem;
        color: var(--themes);
        line-height: 3;
        position: relative;
        border-radius: 1.5em;
        background-color: #fff;
        transition: all ease 0.5s; }
        .compys .cmr .more a span {
          display: inline-block;
          vertical-align: middle;
          width: 13px;
          position: relative;
          top: -0.02rem;
          margin-left: 0.1rem; }
          .compys .cmr .more a span img {
            width: 100%;
            display: block; }
        .compys .cmr .more a:before {
          content: ' ';
          position: absolute;
          z-index: -1;
          left: calc(-1 * 2px);
          top: calc(-1 * 2px);
          bottom: calc(-1 * 2px);
          right: calc(-1 * 2px);
          border-radius: 1.5em;
          background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35); }
      .compys .cmr .more a:hover {
        background-color: transparent;
        color: #fff; }
        .compys .cmr .more a:hover span img {
          filter: grayscale(1000%) brightness(2000%); }

.datper {
  width: 100%;
  position: relative; }
  .datper .swiper-slide {
    width: 100%; }
    .datper .swiper-slide .sopm {
      width: 100%;
      padding: 0.8rem 0.2rem;
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      .datper .swiper-slide .sopm .sic {
        position: absolute;
        z-index: 1;
        right: -0.1rem;
        bottom: -0.1rem;
        width: 1rem; }
        .datper .swiper-slide .sopm .sic img {
          width: 100%;
          display: block; }
      .datper .swiper-slide .sopm .xum {
        width: 100%;
        text-align: center;
        background: -webkit-linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
        /* Chrome, Safari */
        background: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
        /* 标准语法 */
        -webkit-background-clip: text;
        /* Chrome, Safari */
        background-clip: text;
        -webkit-text-fill-color: transparent;
        /* Chrome, Safari */
        color: transparent;
        /* 其他浏览器 */ }
        .datper .swiper-slide .sopm .xum span {
          display: inline-block;
          font-weight: bold;
          margin-right: 0.02rem; }
      .datper .swiper-slide .sopm .xk {
        width: 100%;
        text-align: center;
        color: #666;
        line-height: 1.6; }
  .datper .swiper-slide:nth-child(5n+1) {
    background-color: rgba(0, 0, 0, 0.09); }
  .datper .swiper-slide:nth-child(5n+2) {
    background-color: rgba(0, 0, 0, 0.07); }
  .datper .swiper-slide:nth-child(5n+3) {
    background-color: rgba(0, 0, 0, 0.05); }
  .datper .swiper-slide:nth-child(5n+4) {
    background-color: rgba(0, 0, 0, 0.03); }
  .datper .swiper-slide:nth-child(5n+5) {
    background-color: white; }
  .datper .swiper-slide:hover {
    background-color: transparent;
    background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35); }
    .datper .swiper-slide:hover .sopm .xum {
      -webkit-text-fill-color: #fff;
      background: none;
      color: #fff; }
      .datper .swiper-slide:hover .sopm .xum span {
        color: #fff; }
    .datper .swiper-slide:hover .sopm .xk {
      color: #fff; }

.hots {
  width: 100%;
  padding: 1rem 0 0.8rem; }
  .hots .row {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .hots .row .item {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      margin-bottom: 0.4rem; }
      .hots .row .item a {
        width: 100%;
        display: block; }
      .hots .row .item .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .hots .row .item .imgs .img {
          width: 100%;
          padding-top: 5.6rem;
          transition: all ease 0.5s; }
      .hots .row .item .vox {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0.4rem;
        align-content: flex-end; }
        .hots .row .item .vox .xt {
          width: 100%;
          color: #fff;
          line-height: 1.5;
          font-weight: bold; }
        .hots .row .item .vox .xm {
          width: 100%;
          color: rgba(255, 255, 255, 0.8);
          line-height: 1.5; }
    .hots .row .item:hover .imgs .img {
      transform: scale(1.1); }
    .hots .row .liem {
      width: calc(1080 / 1920 * 100%); }
    .hots .row .riem {
      width: calc( 800 / 1920 * 100%); }
  .hots .kow {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .hots .kow .item {
      width: calc(614 / 1920 * 100%);
      margin-right: calc(38 / 1920 * 100%);
      margin-bottom: 0.4rem;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      margin-bottom: 0.4rem; }
      .hots .kow .item a {
        width: 100%;
        display: block; }
      .hots .kow .item .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .hots .kow .item .imgs .img {
          width: 100%;
          padding-top: 62.54%;
          transition: all ease 0.5s; }
      .hots .kow .item .vox {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0.4rem;
        align-content: flex-end; }
        .hots .kow .item .vox .xt {
          width: 100%;
          color: #fff;
          line-height: 1.5;
          font-weight: bold; }
        .hots .kow .item .vox .xm {
          width: 100%;
          color: rgba(255, 255, 255, 0.8);
          line-height: 1.5; }
    .hots .kow .item:nth-child(3n) {
      margin-right: 0; }
    .hots .kow .item:hover .imgs .img {
      transform: scale(1.1); }

.nanner {
  width: 100%;
  position: relative; }
  .nanner .imgs {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .nanner .imgs .img {
      width: 100%;
      padding-top: 44.27%; }
  .nanner .nox {
    position: absolute;
    left: calc((100% - 16.8rem) / 2);
    z-index: 2;
    top: 50%;
    transform: translateY(-50%); }
    .nanner .nox .nit {
      width: 100%;
      color: #fff;
      font-weight: bold;
      line-height: 1.5;
      letter-spacing: 0.06rem; }
    .nanner .nox .nix {
      width: 100%;
      color: #fff;
      line-height: 1.5; }

@media (max-width: 1780px) {
  .nanner .nox {
    left: 5%; } }
@media (max-width: 800px) {
  .nanner .nox {
    left: 3%; }
    .nanner .nox .nit {
      font-size: 18px; }
    .nanner .nox .nix {
      font-size: 14px; } }
.crumbs {
  width: 100%;
  background-color: transparent;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(204, 204, 204, 0.28);
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
  .crumbs .column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0;
    position: relative; }
    .crumbs .column .colum {
      width: auto;
      font-size: 0;
      display: inline-block;
      vertical-align: middle;
      z-index: 2;
      position: relative; }
      .crumbs .column .colum .home {
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        margin-right: .1rem;
        position: relative;
        top: -0.02rem; }
        .crumbs .column .colum .home img {
          width: 100%;
          display: block; }
      .crumbs .column .colum .sm {
        display: inline-block;
        vertical-align: middle;
        color: #666;
        line-height: 3; }
      .crumbs .column .colum a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #333;
        line-height: 1rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .crumbs .column .colum a span {
          display: inline-block;
          color: #333;
          line-height: 3;
          position: relative;
          margin: 0 .08rem; }
          .crumbs .column .colum a span img {
            width: 100%;
            display: block; }
      .crumbs .column .colum a:hover {
        color: var(--themes); }
      .crumbs .column .colum a:last-child span {
        display: none; }
    .crumbs .column .cul {
      display: inline-block;
      vertical-align: middle;
      flex: 1;
      z-index: 2;
      position: relative; }
      .crumbs .column .cul .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin-right: 0.4rem;
        position: relative; }
        .crumbs .column .cul .swiper-slide a {
          display: inline-block;
          vertical-align: middle;
          color: #666;
          line-height: 1rem;
          width: auto;
          transition: all ease 0.5s; }
          .crumbs .column .cul .swiper-slide a span {
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            bottom: 0rem;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 0.02rem;
            background-color: var(--themes);
            transition: all ease 0.5s;
            opacity: 0; }
        .crumbs .column .cul .swiper-slide:after {
          content: ' ';
          position: absolute;
          left: 0;
          right: 0;
          width: 100%;
          height: 2px;
          background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#e64855, #e64855);
          opacity: 0;
          transition: all ease 0.5s;
          bottom: 0; }
      .crumbs .column .cul .swiper-slide.on a, .crumbs .column .cul .swiper-slide:hover a {
        color: #000; }
      .crumbs .column .cul .swiper-slide.on:after, .crumbs .column .cul .swiper-slide:hover:after {
        opacity: 1; }
      .crumbs .column .cul .swiper-scrollbar {
        background-color: rgba(0, 0, 0, 0.1);
        left: 0;
        right: 0;
        width: 100%;
        bottom: 0;
        display: none; }
      .crumbs .column .cul .swiper-scrollbar-drag {
        background-color: var(--themes); }
    .crumbs .column .cul.pbs .swiper-container {
      padding-bottom: 0.15rem; }
    .crumbs .column .cul.pbs .swiper-scrollbar {
      display: block; }
  .crumbs .column.xl {
    justify-content: space-between;
    font-size: 0;
    align-items: center; }

.crumbs.no:after {
  display: none; }

@media (max-width: 800px) {
  .crumbs .w1680 {
    width: 100%; }
  .crumbs .column .colum {
    padding: 0 0.2rem;
    border-bottom: solid 1px #eee;
    order: 1; }
  .crumbs .column .cul {
    padding: 0 0.2rem;
    order: 2; }
    .crumbs .column .cul .swiper-wrapper {
      justify-content: flex-start; } }
.proems {
  width: 100%; }
  .proems .proem {
    width: 100%;
    background-color: #fff;
    padding: 1.1rem 0; }
  .proems .proem.gray {
    background-color: #f6f6f6; }
  .proems .baintro {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .proems .baintro .bal {
      display: inline-block;
      vertical-align: middle;
      width: calc(800 / 1680 * 100%);
      background-color: #fff;
      overflow: hidden;
      border-radius: 0.2rem;
      border: solid 1px rgba(0, 0, 0, 0.08);
      font-size: 0; }
      .proems .baintro .bal a {
        width: 100%;
        display: flex; }
      .proems .baintro .bal .lam {
        width: calc(380 / 800 * 100%);
        position: relative;
        overflow: hidden; }
        .proems .baintro .bal .lam .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .proems .baintro .bal .lam .imgs .img {
            width: 100%;
            padding-top: 142.10%;
            transition: all ease 0.5s; }
      .proems .baintro .bal .rem {
        display: inline-block;
        vertical-align: middle;
        width: calc(420 / 800 * 100%);
        padding: 0.8rem 0.4rem; }
        .proems .baintro .bal .rem .rit {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.2;
          margin-bottom: 0.2rem; }
        .proems .baintro .bal .rem .pdful {
          width: 100%; }
          .proems .baintro .bal .rem .pdful .pli {
            width: 100%;
            font-size: 0; }
            .proems .baintro .bal .rem .pdful .pli .ic {
              display: inline-block;
              vertical-align: middle;
              width: 0.34rem;
              margin-right: 0.15rem; }
              .proems .baintro .bal .rem .pdful .pli .ic img {
                width: 100%;
                display: block; }
            .proems .baintro .bal .rem .pdful .pli .km {
              width: calc(100% - 0.5rem);
              display: inline-block;
              vertical-align: middle;
              color: #000;
              line-height: 1.5; }
    .proems .baintro .bal:hover .imgs .img {
      transform: scale(1.1); }
    .proems .baintro .bar {
      display: inline-block;
      vertical-align: middle;
      width: calc(800 / 1680 * 100%); }
      .proems .baintro .bar .binp {
        width: 100%;
        color: #000;
        line-height: 1.75; }
        .proems .baintro .bar .binp p {
          color: #000;
          line-height: 1.75; }
  .proems .pabnav {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.5rem; }
    .proems .pabnav .xim {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      color: #666;
      line-height: 1.5;
      cursor: pointer;
      margin-right: 0.3rem;
      margin-bottom: 0.1rem; }
    .proems .pabnav .xim.on {
      color: #000; }
  .proems .vont {
    width: 100%;
    font-size: 0; }
    .proems .vont .viem {
      width: 100%;
      display: none; }
    .proems .vont .viem.on {
      display: block; }
  .proems .hnmblis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .proems .hnmblis .honm {
      width: calc(800 / 1680 * 100%);
      display: inline-block;
      vertical-align: middle;
      margin-right: calc(79 / 1680 * 100%);
      margin-bottom: 0.4rem;
      background-color: #fff;
      overflow: hidden;
      border-radius: 0.2rem;
      border: solid 1px rgba(0, 0, 0, 0.08);
      font-size: 0; }
      .proems .hnmblis .honm a {
        width: 100%;
        display: flex; }
      .proems .hnmblis .honm .lam {
        width: calc(380 / 800 * 100%);
        position: relative;
        overflow: hidden; }
        .proems .hnmblis .honm .lam .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .proems .hnmblis .honm .lam .imgs .img {
            width: 100%;
            padding-top: 142.10%;
            transition: all ease 0.5s; }
      .proems .hnmblis .honm .rem {
        display: inline-block;
        vertical-align: middle;
        width: calc(420 / 800 * 100%);
        padding: 0.8rem 0.4rem; }
        .proems .hnmblis .honm .rem .rit {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.2;
          margin-bottom: 0.2rem; }
        .proems .hnmblis .honm .rem .pdful {
          width: 100%; }
          .proems .hnmblis .honm .rem .pdful .pli {
            width: 100%;
            font-size: 0; }
            .proems .hnmblis .honm .rem .pdful .pli .ic {
              display: inline-block;
              vertical-align: middle;
              width: 0.34rem;
              margin-right: 0.15rem; }
              .proems .hnmblis .honm .rem .pdful .pli .ic img {
                width: 100%;
                display: block; }
            .proems .hnmblis .honm .rem .pdful .pli .km {
              width: calc(100% - 0.5rem);
              display: inline-block;
              vertical-align: middle;
              color: #000;
              line-height: 1.5; }
    .proems .hnmblis .honm:nth-child(2n) {
      margin-right: 0; }
    .proems .hnmblis .honm:hover .lam .imgs .img {
      transform: scale(1.1); }
  .proems .prizlist {
    width: 100%;
    font-size: 0; }
    .proems .prizlist .priom {
      display: inline-block;
      vertical-align: top;
      width: calc(534 / 1680 * 100%);
      margin-right: calc(38 / 1680 * 100%);
      margin-bottom: 0.4rem; }
      .proems .prizlist .priom a {
        width: 100%;
        display: block;
        background-color: #fff;
        padding: 0.4rem;
        position: relative;
        border-radius: 0.1rem;
        transition: all ease 0.5s;
        overflow: hidden;
        top: 0; }
        .proems .prizlist .priom a:after {
          content: ' ';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff);
          height: 3px;
          width: 100%; }
      .proems .prizlist .priom .pop {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .proems .prizlist .priom .pop .pk {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          flex: 1;
          padding-right: 0.3rem;
          color: #000;
          line-height: 1.5; }
        .proems .prizlist .priom .pop .em {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: var(--themes); }
      .proems .prizlist .priom .vmb {
        width: 100%;
        color: #666;
        line-height: 1.6;
        margin-top: 0.1rem;
        text-align: right;
        min-height: 1.6em; }
    .proems .prizlist .priom:nth-child(3n) {
      margin-right: 0; }
    .proems .prizlist .priom:hover a {
      top: -0.1rem; }
  .proems .policys {
    width: 100%; }
    .proems .policys .tr {
      width: 100%;
      display: flex;
      align-items: center;
      padding: 0.3rem 0.8rem;
      border-bottom: solid 1px #f4f4f4;
      position: relative; }
      .proems .policys .tr .mx, .proems .policys .tr .des, .proems .policys .tr .time {
        width: 33.33%;
        color: #333;
        line-height: 1.6; }
      .proems .policys .tr .des {
        text-align: center; }
      .proems .policys .tr .time {
        text-align: right; }
      .proems .policys .tr .xms {
        display: inline-block;
        vertical-align: middle;
        color: #999;
        line-height: 1.5; }
        .proems .policys .tr .xms span {
          display: inline-block;
          vertical-align: middle;
          width: 16px;
          position: relative;
          top: -0.02rem; }
          .proems .policys .tr .xms span img {
            width: 100%;
            display: block; }
      .proems .policys .tr .xem {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer;
        display: block;
        opacity: 0; }
    .proems .policys .tr.head {
      border-top: solid 2px #000; }
      .proems .policys .tr.head .mx, .proems .policys .tr.head .des, .proems .policys .tr.head .time {
        color: #666; }
    .proems .policys .tr.head:hover .mx {
      color: #666; }
    .proems .policys .tr:hover .mx {
      color: var(--themes); }
  .proems .measures {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .proems .measures .means {
      display: inline-block;
      vertical-align: middle;
      width: calc(820 / 1680 * 100%);
      margin-right: calc(39 / 1680 * 100%); }
      .proems .measures .means a {
        width: 100%;
        display: block;
        padding: 0.4rem;
        background-color: #fff;
        border-radius: 0.1rem; }
      .proems .measures .means .imgs {
        display: inline-block;
        vertical-align: middle;
        width: 1.6rem;
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem;
        margin-right: 0.4rem; }
        .proems .measures .means .imgs .img {
          width: 100%;
          padding-top: 100%;
          transition: all ease 0.5s; }
      .proems .measures .means .lem {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 2rem); }
        .proems .measures .means .lem .lit {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.3; }
        .proems .measures .means .lem .lob {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-top: solid 1px rgba(0, 0, 0, 0.08);
          padding: 0.1rem 0;
          margin-top: 0.14rem; }
          .proems .measures .means .lem .lob .time {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            line-height: 1.5; }
            .proems .measures .means .lem .lob .time span {
              display: inline-block;
              vertical-align: middle;
              width: 16px;
              position: relative;
              top: -0.02rem;
              margin-right: 0.06rem; }
              .proems .measures .means .lem .lob .time span img {
                width: 100%;
                display: block; }
          .proems .measures .means .lem .lob .rc {
            display: inline-block;
            vertical-align: middle;
            width: 15px; }
            .proems .measures .means .lem .lob .rc img {
              width: 100%;
              display: block; }
    .proems .measures .means:nth-child(2n) {
      margin-right: 0; }
    .proems .measures .means:hover .imgs .img {
      transform: scale(1.1); }
    .proems .measures .means:hover .lem .lit {
      color: var(--themes); }

.secropmd {
  width: 100%;
  padding: 0.6rem 0;
  background-color: #f6f6f6; }
  .secropmd .somk {
    width: 100%;
    max-width: 7.6rem;
    display: block;
    margin: 0 auto 0.6rem; }
    .secropmd .somk form {
      width: 100%;
      display: flex;
      align-items: center;
      background-color: #fff;
      padding: 0 0.2rem 0 0.3rem;
      border-radius: 1.5em; }
    .secropmd .somk .ic {
      display: inline-block;
      vertical-align: middle;
      width: 18px; }
      .secropmd .somk .ic img {
        width: 100%;
        display: block; }
    .secropmd .somk .sint {
      display: inline-block;
      vertical-align: middle;
      width: calc(100% - 18px - 16px);
      padding: 0 0.2rem;
      border: none;
      background-color: transparent;
      line-height: 3;
      height: 3em; }
    .secropmd .somk .cls {
      display: inline-block;
      vertical-align: middle;
      width: 16px;
      cursor: pointer; }
      .secropmd .somk .cls img {
        width: 100%;
        display: block; }
  .secropmd .recontm {
    width: 100%;
    border-top: solid 1px rgba(0, 0, 0, 0.05);
    padding: 1rem 0; }
    .secropmd .recontm .foem {
      width: 100%; }
    .secropmd .recontm .foem + .foem {
      margin-top: 1rem; }
    .secropmd .recontm .measures {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .secropmd .recontm .measures .means {
        display: inline-block;
        vertical-align: middle;
        width: calc(820 / 1680 * 100%);
        margin-right: calc(39 / 1680 * 100%); }
        .secropmd .recontm .measures .means a {
          width: 100%;
          display: block;
          padding: 0.4rem;
          background-color: #fff;
          border-radius: 0.1rem; }
        .secropmd .recontm .measures .means .imgs {
          display: inline-block;
          vertical-align: middle;
          width: 1.6rem;
          position: relative;
          overflow: hidden;
          border-radius: 0.1rem;
          margin-right: 0.4rem; }
          .secropmd .recontm .measures .means .imgs .img {
            width: 100%;
            padding-top: 100%;
            transition: all ease 0.5s; }
        .secropmd .recontm .measures .means .lem {
          display: inline-block;
          vertical-align: middle;
          width: calc(100% - 2rem); }
          .secropmd .recontm .measures .means .lem .lit {
            width: 100%;
            color: #000;
            font-weight: bold;
            line-height: 1.3;
            margin-bottom: 0.2rem; }
            .secropmd .recontm .measures .means .lem .lit span {
              color: var(--themes); }
          .secropmd .recontm .measures .means .lem .xim {
            width: 100%;
            color: #666;
            line-height: 1.5; }
            .secropmd .recontm .measures .means .lem .xim span {
              color: var(--themes); }
          .secropmd .recontm .measures .means .lem .lob {
            width: 100%;
            padding: 0.1rem 0;
            margin-top: 0.14rem;
            text-align: right; }
            .secropmd .recontm .measures .means .lem .lob .rc {
              display: inline-block;
              vertical-align: middle;
              width: 15px; }
              .secropmd .recontm .measures .means .lem .lob .rc img {
                width: 100%;
                display: block; }
      .secropmd .recontm .measures .means:nth-child(2n) {
        margin-right: 0; }
      .secropmd .recontm .measures .means:hover .imgs .img {
        transform: scale(1.1); }
      .secropmd .recontm .measures .means:hover .lem .lit {
        color: var(--themes); }

.contacts {
  width: 100%;
  padding: 1.1rem 0;
  background-color: #f6f6f6; }
  .contacts .coekm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff; }
    .contacts .coekm .cml {
      display: inline-block;
      vertical-align: middle;
      width: calc(840 / 1680 * 100%); }
      .contacts .coekm .cml .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .contacts .coekm .cml .imgs .img {
          width: 100%;
          padding-top: 75%;
          transition: all ease 0.5s; }
    .contacts .coekm .cmr {
      display: inline-block;
      vertical-align: middle;
      width: calc(840 / 1680 * 100%);
      padding: 0.6rem 0.8rem; }
      .contacts .coekm .cmr .tactlis {
        width: 100%;
        font-size: 0; }
        .contacts .coekm .cmr .tactlis .tams {
          width: 100%;
          font-size: 0; }
          .contacts .coekm .cmr .tactlis .tams .it {
            display: inline-block;
            vertical-align: middle;
            width: 0.6rem;
            height: 0.6rem;
            border-radius: 50%;
            background-color: #f6f6f6;
            margin-right: 0.3rem; }
          .contacts .coekm .cmr .tactlis .tams .km {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 0.9rem);
            color: #666;
            line-height: 1.5; }
        .contacts .coekm .cmr .tactlis .tams + .tams {
          margin-top: 0.2rem; }
  .contacts .dynamic {
    width: 100%;
    margin-top: 1.2rem; }
    .contacts .dynamic .dynamlis {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .contacts .dynamic .dynamlis .dycom {
        display: inline-block;
        vertical-align: top;
        width: calc(534 / 1680 * 100%);
        margin-right: calc(38 / 1680 * 100%);
        margin-bottom: 0.4rem;
        padding: 0.4rem;
        border-radius: 0.1rem; }
        .contacts .dynamic .dynamlis .dycom .yml {
          display: inline-block;
          vertical-align: middle;
          width: calc(100% - 1.66rem - 0.3rem);
          margin-right: 0.3rem; }
          .contacts .dynamic .dynamlis .dycom .yml .yit {
            width: 100%;
            color: #000;
            font-weight: bold;
            line-height: 1.5; }
          .contacts .dynamic .dynamlis .dycom .yml .xm {
            width: 100%;
            color: #999;
            line-height: 1.5;
            margin-top: 0.1rem; }
        .contacts .dynamic .dynamlis .dycom .ymr {
          display: inline-block;
          vertical-align: middle;
          width: 1.66rem;
          border-radius: 0.1rem;
          background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#f6f6f6, #f6f6f6);
          padding: 0.1rem; }
          .contacts .dynamic .dynamlis .dycom .ymr .ym {
            width: 100%;
            display: block; }
            .contacts .dynamic .dynamlis .dycom .ymr .ym img {
              width: 100%;
              display: block; }
      .contacts .dynamic .dynamlis .dycom:nth-child(3n) {
        margin-right: 0; }

.recruits {
  width: 100%;
  padding: 1.1rem 0;
  background-color: #f6f6f6; }
  .recruits .recrulis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .recruits .recrulis .dycom {
      display: inline-block;
      vertical-align: top;
      width: calc(820 / 1680 * 100%);
      margin-right: calc(38 / 1680 * 100%);
      margin-bottom: 0.4rem;
      position: relative;
      overflow: hidden;
      border-radius: 0.1rem; }
      .recruits .recrulis .dycom a {
        width: 100%;
        display: block; }
      .recruits .recrulis .dycom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .recruits .recrulis .dycom .imgs .img {
          width: 100%;
          padding-top: 56.34%;
          transition: all ease 0.5s; }
      .recruits .recrulis .dycom .lcoms {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        padding: 0.4rem; }
        .recruits .recrulis .dycom .lcoms .vic {
          display: block;
          width: 0.42rem; }
          .recruits .recrulis .dycom .lcoms .vic img {
            width: 100%;
            display: block; }
        .recruits .recrulis .dycom .lcoms .xit {
          width: 100%;
          color: #fff;
          font-weight: bold;
          line-height: 1.5; }
    .recruits .recrulis .dycom:nth-child(2n) {
      margin-right: 0; }
    .recruits .recrulis .dycom:hover .imgs .img {
      transform: scale(1.1); }
  .recruits .joblist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .recruits .joblist .jriom {
      display: inline-block;
      vertical-align: top;
      width: calc(820 / 1680 * 100%);
      margin-right: calc(38 / 1680 * 100%);
      margin-bottom: 0.4rem; }
      .recruits .joblist .jriom a {
        width: 100%;
        display: block;
        background-color: #fff;
        padding: 0.4rem;
        position: relative;
        border-radius: 0.1rem;
        transition: all ease 0.5s;
        overflow: hidden;
        top: 0; }
        .recruits .joblist .jriom a:after {
          content: ' ';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff);
          height: 3px;
          width: 100%; }
      .recruits .joblist .jriom .pop {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .recruits .joblist .jriom .pop .pk {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          flex: 1;
          padding-right: 0.3rem;
          color: #000;
          line-height: 1.5; }
          .recruits .joblist .jriom .pop .pk span {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            position: relative;
            top: -2px;
            margin-right: 0.06rem; }
            .recruits .joblist .jriom .pop .pk span img {
              width: 100%;
              display: block; }
        .recruits .joblist .jriom .pop .em {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #999;
          line-height: 1.5; }
          .recruits .joblist .jriom .pop .em span {
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            position: relative;
            top: -2px;
            margin-left: 0.06rem; }
            .recruits .joblist .jriom .pop .em span img {
              width: 100%;
              display: block; }
      .recruits .joblist .jriom .vmb {
        width: 100%;
        font-size: 0;
        margin-top: 0.14rem; }
        .recruits .joblist .jriom .vmb .mv {
          display: inline-block;
          vertical-align: middle;
          color: #999;
          line-height: 1.6; }
          .recruits .joblist .jriom .vmb .mv span {
            color: #999;
            line-height: 1.6;
            display: inline-block;
            margin: 0 0.1rem; }
        .recruits .joblist .jriom .vmb .mv:last-child span {
          display: none; }
    .recruits .joblist .jriom:nth-child(2n) {
      margin-right: 0; }
    .recruits .joblist .jriom:hover a {
      top: -0.1rem; }
  .recruits .retail {
    width: 100%;
    background-color: #fff;
    border-radius: 0.1rem;
    padding: 0.8rem; }
    .recruits .retail .retop {
      width: 100%;
      margin-bottom: 0.5rem; }
      .recruits .retail .retop .pop {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .recruits .retail .retop .pop .pk {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          flex: 1;
          padding-right: 0.3rem;
          color: #000;
          line-height: 1.5; }
        .recruits .retail .retop .pop .em {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #999;
          line-height: 1.5; }
          .recruits .retail .retop .pop .em span {
            display: inline-block;
            margin-left: 0.1rem; }
      .recruits .retail .retop .vmb {
        width: 100%;
        margin-top: 0.1rem;
        text-align: left;
        min-height: 1.6em; }
        .recruits .retail .retop .vmb .mv {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #666;
          line-height: 1.6; }
          .recruits .retail .retop .vmb .mv span {
            display: inline-block;
            vertical-align: middle;
            margin: 0 0.1rem;
            position: relative;
            top: -0.02rem;
            color: #666;
            line-height: 1.6; }
        .recruits .retail .retop .vmb .mv:last-child span {
          display: none; }
    .recruits .retail .recont {
      width: 100%; }
      .recruits .retail .recont .rit {
        width: 100%;
        color: #000;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 0.15rem; }
      .recruits .retail .recont .rlvem {
        width: 100%;
        font-size: 0; }
        .recruits .retail .recont .rlvem .rlem {
          width: calc(48%);
          margin-right: 4%;
          display: inline-block;
          vertical-align: top; }
        .recruits .retail .recont .rlvem .rlem:nth-child(2n) {
          margin-right: 0; }
        .recruits .retail .recont .rlvem .lit {
          width: 100%;
          color: #000;
          line-height: 1.5;
          margin-bottom: 0.15rem; }
        .recruits .retail .recont .rlvem .linp {
          width: 100%;
          color: #666;
          line-height: 1.875; }
          .recruits .retail .recont .rlvem .linp p {
            color: #666;
            line-height: 1.875; }
      .recruits .retail .recont .terom {
        width: 100%;
        border-top: solid 1px rgba(0, 0, 0, 0.08);
        padding: 0.5rem 0; }
      .recruits .retail .recont .getom {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .recruits .retail .recont .getom .gitm {
          display: inline-block;
          vertical-align: top;
          width: auto; }
          .recruits .retail .recont .getom .gitm .gy {
            width: 100%;
            color: #999;
            line-height: 1.75; }
          .recruits .retail .recont .getom .gitm .gm {
            width: 100%;
            color: #000;
            line-height: 1.5; }
  .recruits .campulis {
    width: 100%;
    font-size: 0; }
    .recruits .campulis .catom {
      width: 100%;
      background-color: #fff;
      padding: 0.38rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative;
      overflow: hidden;
      border-radius: 0.1rem; }
      .recruits .campulis .catom::after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff); }
      .recruits .campulis .catom .tiem {
        display: inline-block;
        vertical-align: top;
        width: auto; }
        .recruits .campulis .catom .tiem .nxe {
          width: 100%;
          color: #999;
          line-height: 1.75;
          margin-bottom: 0.1rem; }
        .recruits .campulis .catom .tiem .nit {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.2;
          margin-top: 0.15rem; }
        .recruits .campulis .catom .tiem .nie {
          width: 100%;
          color: #666;
          line-height: 1.5;
          margin-top: 0.15rem; }
        .recruits .campulis .catom .tiem .ntm {
          width: 100%;
          font-size: 0; }
          .recruits .campulis .catom .tiem .ntm a {
            display: inline-block;
            vertical-align: middle;
            width: 0.44rem;
            border-radius: 50%;
            background-color: #f6f6f6; }
            .recruits .campulis .catom .tiem .ntm a img {
              width: 100%;
              display: block; }
          .recruits .campulis .catom .tiem .ntm a:hover {
            background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff);
            background-color: transparent; }
            .recruits .campulis .catom .tiem .ntm a:hover img {
              filter: grayscale(1000%) brightness(2000%); }
      .recruits .campulis .catom .tiem:nht-child(1) {
        flex: 1.5; }
    .recruits .campulis .catom + .catom {
      margin-top: 0.4rem; }

.pages {
  width: 100%;
  padding: 0.22rem 0 0.25rem;
  font-size: 0;
  text-align: center;
  margin-top: 0.2rem;
  position: relative;
  z-index: 2; }
  .pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #666;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 0.05rem 0.1rem;
    position: relative;
    overflow: hidden; }
    .pages .page:after {
      content: ' ';
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff);
      opacity: 0;
      transition: all ease 0.5s; }
  .pages .page.ltn {
    background-image: url("../images/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.rtn {
    background-image: url("../images/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on {
    background-color: transparent;
    color: #fff; }
    .pages .page.on:after {
      opacity: 1; }
  .pages .page.ltn:hover {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on.ltn {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on.rtn {
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.rtn:hover {
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.auto {
    width: auto;
    padding: 0 0.24rem; }
  .pages .page:hover {
    background-color: transparent;
    color: #fff; }
    .pages .page:hover:after {
      opacity: 1; }

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 16px;
    margin: 0 0.1rem 0.1rem; } }
.investment {
  width: 100%;
  padding: 1.1rem 0;
  background-color: #f6f6f6; }
  .investment .comylis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .investment .comylis .compy {
      display: inline-block;
      vertical-align: top;
      width: calc(390 / 1680 * 100%);
      margin-right: calc(39 / 1680 * 100%);
      margin-bottom: 0.4rem;
      position: relative;
      border-radius: 0.1rem;
      overflow: hidden;
      background-color: #fff; }
      .investment .comylis .compy a {
        width: 100%;
        display: block;
        padding: 0.4rem; }
      .investment .comylis .compy .bg {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transition: all ease 0.5s;
        opacity: 0; }
      .investment .comylis .compy .hoc {
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        display: block;
        padding: 0.1rem;
        background-color: #f6f6f6;
        position: relative;
        z-index: 2;
        transition: all ease 0.5s; }
        .investment .comylis .compy .hoc .hom {
          width: 100%;
          height: 100%;
          display: block;
          border-radius: 50%;
          background-color: transparent;
          background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff);
          transition: all ease 0.5s; }
          .investment .comylis .compy .hoc .hom img {
            width: 100%;
            display: block; }
          .investment .comylis .compy .hoc .hom img:first-child {
            display: block; }
          .investment .comylis .compy .hoc .hom img:last-child {
            display: none; }
      .investment .comylis .compy .vob {
        width: 100%;
        font-size: 0;
        margin-top: 1rem;
        position: relative;
        z-index: 2; }
        .investment .comylis .compy .vob .vt {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.3; }
        .investment .comylis .compy .vob .lx {
          width: 100%;
          font-size: 0;
          margin-top: 0.16rem; }
          .investment .comylis .compy .vob .lx span {
            display: inline-block;
            vertical-align: middle;
            width: 0.3rem;
            height: 0.04rem;
            background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
            background-color: transparent; }
    .investment .comylis .compy:nth-child(4n) {
      margin-right: 0; }
    .investment .comylis .compy:hover .bg {
      opacity: 1; }
    .investment .comylis .compy:hover .hoc {
      background-color: rgba(255, 255, 255, 0.1); }
      .investment .comylis .compy:hover .hoc .hom {
        background-color: #fff;
        background-image: none; }
        .investment .comylis .compy:hover .hoc .hom img:first-child {
          display: none; }
        .investment .comylis .compy:hover .hoc .hom img:last-child {
          display: block; }
    .investment .comylis .compy:hover .vob .vt {
      color: #fff; }
    .investment .comylis .compy:hover .vob .lx span {
      background-color: #fff;
      background-image: none; }
  .investment .eamlom {
    width: 100%;
    background-color: #fff;
    border-radius: 0.1rem;
    padding: 0.8rem; }
    .investment .eamlom .eaim {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .investment .eamlom .eaim .eal {
        display: inline-block;
        vertical-align: top;
        width: calc(290 / 1520 * 100%); }
      .investment .eamlom .eaim .ear {
        display: inline-block;
        vertical-align: top;
        width: calc(1190 / 1520 * 100%); }
        .investment .eamlom .eaim .ear .row {
          width: 100%;
          font-size: 0; }
          .investment .eamlom .eaim .ear .row .input {
            display: inline-block;
            vertical-align: top;
            width: calc(370 / 1190 * 100%);
            margin-right: calc(39 / 1190 * 100%);
            margin-bottom: 0.4rem; }
            .investment .eamlom .eaim .ear .row .input .name {
              width: 100%;
              color: #000;
              line-height: 1.5;
              margin-bottom: 0.1rem; }
              .investment .eamlom .eaim .ear .row .input .name span {
                color: #036cfa; }
            .investment .eamlom .eaim .ear .row .input .inp {
              width: 100%; }
              .investment .eamlom .eaim .ear .row .input .inp input {
                width: 100%;
                display: block;
                border-radius: 1.5em;
                padding: 0 0.2rem;
                line-height: 3;
                height: 3em;
                color: #333;
                border: none;
                background-color: #f6f6f6; }
          .investment .eamlom .eaim .ear .row .input:nth-child(3n) {
            margin-right: 0; }
        .investment .eamlom .eaim .ear .text {
          width: 100%; }
          .investment .eamlom .eaim .ear .text .name {
            width: 100%;
            color: #000;
            line-height: 1.5;
            margin-bottom: 0.1rem; }
            .investment .eamlom .eaim .ear .text .name span {
              color: #036cfa; }
          .investment .eamlom .eaim .ear .text .area {
            width: 100%; }
            .investment .eamlom .eaim .ear .text .area textarea {
              width: 100%;
              display: block;
              background-color: #f6f6f6;
              border-radius: 0.3rem;
              padding: 0.2rem;
              border: none;
              line-height: 1.75;
              color: #333; }
        .investment .eamlom .eaim .ear .sub {
          width: 100%;
          font-size: 0;
          margin-top: 0.4rem; }
          .investment .eamlom .eaim .ear .sub .stn {
            display: inline-block;
            vertical-align: middle;
            line-height: 3;
            border-radius: 1.5em;
            color: #fff;
            padding: 0 0.45rem;
            width: auto;
            position: relative;
            background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35); }
            .investment .eamlom .eaim .ear .sub .stn span {
              display: inline-block;
              vertical-align: middle;
              top: -0.02rem;
              width: 14px;
              margin-left: 0.1rem; }
              .investment .eamlom .eaim .ear .sub .stn span img {
                width: 100%;
                display: block; }
            .investment .eamlom .eaim .ear .sub .stn .stv {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              cursor: pointer;
              opacity: 0; }
    .investment .eamlom .eaim + .eaim {
      margin-top: 0.8rem; }

.newsom {
  width: 100%;
  padding: 1.1rem 0;
  background-color: #f6f6f6; }
  .newsom .nekom {
    width: 100%;
    background-color: #fff;
    font-size: 0; }
    .newsom .nekom a {
      width: 100%;
      display: block; }
    .newsom .nekom .nel {
      display: inline-block;
      vertical-align: middle;
      width: calc(840 / 1680 * 100%); }
      .newsom .nekom .nel .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .newsom .nekom .nel .imgs .img {
          width: 100%;
          padding-top: 62.5%;
          transition: all ease 0.5s; }
    .newsom .nekom .ner {
      display: inline-block;
      vertical-align: middle;
      width: calc(840 / 1680 * 100%);
      padding: 0.4rem 0.8rem; }
      .newsom .nekom .ner .sinp {
        width: 100%;
        color: #666;
        line-height: 1.75; }
        .newsom .nekom .ner .sinp p {
          color: #666;
          line-height: 1.75; }
      .newsom .nekom .ner .time {
        width: 100%;
        color: #999;
        line-height: 1.5;
        margin-top: 0.6rem; }
        .newsom .nekom .ner .time span {
          display: inline-block;
          vertical-align: middle;
          position: relative;
          top: -0.02rem;
          width: 16px;
          margin-right: 0.1rem; }
  .newsom .nekom:hover .imgs .img {
    transform: scale(1.1); }
  .newsom .newlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.4rem; }
    .newsom .newlist .newkm {
      display: inline-block;
      vertical-align: top;
      width: calc(534 / 1680 * 100%);
      margin-right: calc(38 / 1680 * 100%);
      margin-bottom: 0.4rem; }
      .newsom .newlist .newkm a {
        width: 100%;
        display: block;
        background-color: #fff;
        border-radius: 0.1rem;
        overflow: hidden; }
      .newsom .newlist .newkm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .newsom .newlist .newkm .imgs .img {
          width: 100%;
          padding-top: 62.54%;
          transition: all ease 0.5s; }
      .newsom .newlist .newkm .lom {
        width: 100%;
        padding: 0.4rem; }
        .newsom .newlist .newkm .lom .lit {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.4;
          height: 2.8em; }
        .newsom .newlist .newkm .lom .time {
          width: 100%;
          color: #999;
          line-height: 1.5;
          margin-top: 0.5rem; }
          .newsom .newlist .newkm .lom .time span {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -0.02rem;
            width: 16px;
            margin-right: 0.1rem; }
    .newsom .newlist .newkm:nth-child(3n) {
      margin-right: 0; }
    .newsom .newlist .newkm:hover .imgs .img {
      transform: scale(1.1); }
    .newsom .newlist .newkm:hover .lom .lit {
      color: var(--themes); }

.netails {
  width: 100%;
  padding: 1.1rem 0; }
  .netails .netail {
    width: 100%; }
  .netails .back {
    width: 100%;
    font-size: 0; }
    .netails .back a {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      color: #333;
      line-height: 1.5; }
      .netails .back a span {
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        background-color: #f6f6f6;
        margin-right: 0.14rem; }
      .netails .back a img {
        width: 100%;
        display: block; }
  .netails .nit {
    width: 100%;
    text-align: center;
    color: #000;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0.3rem; }
    .netails .nit p {
      color: #000;
      font-weight: bold;
      line-height: 1.4; }
  .netails .time {
    width: 100%;
    color: #999;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0.3rem; }
    .netails .time span {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -0.02rem;
      width: 16px;
      margin-right: 0.1rem; }
  .netails .ninp {
    width: 100%;
    color: #666;
    line-height: 1.75;
    padding-top: 0.6rem; }
    .netails .ninp p {
      color: #666;
      line-height: 1.75; }
    .netails .ninp img {
      max-width: 100%; }

.relevants {
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f6f6; }
  .relevants .newpers {
    width: 100%; }
    .relevants .newpers .swiper-slide {
      width: 100%; }
      .relevants .newpers .swiper-slide a {
        width: 100%;
        display: block;
        background-color: #fff;
        border-radius: 0.1rem;
        overflow: hidden; }
      .relevants .newpers .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .relevants .newpers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 62.54%;
          transition: all ease 0.5s; }
      .relevants .newpers .swiper-slide .lom {
        width: 100%;
        padding: 0.4rem; }
        .relevants .newpers .swiper-slide .lom .lit {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.4;
          height: 2.8em; }
        .relevants .newpers .swiper-slide .lom .time {
          width: 100%;
          color: #999;
          line-height: 1.5;
          margin-top: 0.5rem; }
          .relevants .newpers .swiper-slide .lom .time span {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -0.02rem;
            width: 16px;
            margin-right: 0.1rem; }
    .relevants .newpers .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .relevants .newpers .swiper-slide:hover .lom .lit {
      color: var(--themes); }

.advantages {
  width: 100%; }
  .advantages .advoms {
    width: 100%;
    padding: 1rem 0;
    background-color: #f6f6f6; }
  .advantages .advoms:nth-child(2n), .advantages .advoms.whites {
    background-color: #fff; }
  .advantages .advanper {
    width: 100%; }
    .advantages .advanper .swiper-slide {
      width: 100%;
      background-color: #fff;
      border-radius: 0.1rem;
      padding: 0.6rem 0.6rem 0.84rem;
      position: relative;
      overflow: hidden;
      border-radius: 0.1rem; }
      .advantages .advanper .swiper-slide::after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff); }
      .advantages .advanper .swiper-slide .soc {
        width: 1.4rem;
        height: 1.4rem;
        display: block;
        margin: 0 auto 0.45rem;
        border-radius: 50%;
        background-color: #f6f6f6;
        padding: 0.1rem; }
        .advantages .advanper .swiper-slide .soc .sm {
          width: 100%;
          height: 100%;
          display: block;
          background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#f6f6f6, #f6f6f6);
          border-radius: 50%; }
          .advantages .advanper .swiper-slide .soc .sm img {
            width: 100%;
            display: block; }
      .advantages .advanper .swiper-slide .sit {
        width: 100%;
        color: #000;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 0.24rem; }
      .advantages .advanper .swiper-slide .sip {
        width: 100%;
        text-align: justify;
        text-align-last: center;
        color: #666;
        line-height: 1.75;
        height: 8.75em; }
        .advantages .advanper .swiper-slide .sip p {
          color: #666;
          line-height: 1.75; }
  .advantages .directions {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .advantages .directions .direm {
      display: inline-block;
      vertical-align: top;
      width: calc(534 / 1680 * 100%);
      margin-right: calc(39 / 1680 * 100%);
      margin-bottom: 0.4rem; }
      .advantages .directions .direm a {
        width: 100%;
        display: block;
        border-radius: 0.1rem;
        overflow: hidden;
        position: relative; }
      .advantages .directions .direm .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .advantages .directions .direm .imgs .img {
          width: 100%;
          padding-top: 62.54%;
          transition: all ease 0.5s; }
      .advantages .directions .direm .bg {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        padding: 0.4rem; }
        .advantages .directions .direm .bg .vos {
          display: block;
          width: 0.44rem; }
          .advantages .directions .direm .bg .vos img {
            width: 100%;
            display: block; }
        .advantages .directions .direm .bg .vob {
          width: 100%; }
          .advantages .directions .direm .bg .vob .xit {
            width: 100%;
            color: #fff;
            font-weight: bold;
            line-height: 1.4; }
            .advantages .directions .direm .bg .vob .xit p {
              color: #fff;
              font-weight: bold;
              line-height: 1.4; }
    .advantages .directions .direm:nth-child(3n) {
      margin-right: 0; }
    .advantages .directions .direm:hover .imgs .img {
      transform: scale(1.1); }
  .advantages .innovate {
    width: 100%; }
    .advantages .innovate .novem {
      width: 100%;
      display: none; }
    .advantages .innovate .novem.on {
      display: block; }
    .advantages .innovate .innovper {
      width: 100%;
      position: relative; }
      .advantages .innovate .innovper .swiper-container {
        padding-bottom: 0.5rem; }
      .advantages .innovate .innovper .swiper-slide {
        width: 100%;
        font-size: 0;
        border: solid 1px rgba(0, 0, 0, 0.08);
        border-radius: 0.1rem;
        overflow: hidden;
        opacity: 0.6; }
        .advantages .innovate .innovper .swiper-slide .sml {
          display: inline-block;
          vertical-align: middle;
          width: calc(700 / 1400 * 100%); }
          .advantages .innovate .innovper .swiper-slide .sml .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .advantages .innovate .innovper .swiper-slide .sml .imgs .img {
              width: 100%;
              padding-top: 75%;
              transition: all ease 0.5s; }
        .advantages .innovate .innovper .swiper-slide .smr {
          display: inline-block;
          vertical-align: middle;
          width: calc(700 / 1400 * 100%);
          padding: 0.4rem 0.8rem; }
          .advantages .innovate .innovper .swiper-slide .smr .sinp {
            width: 100%;
            color: #666;
            line-height: 1.5;
            overflow: auto;
            height: 2rem; }
            .advantages .innovate .innovper .swiper-slide .smr .sinp::-webkit-scrollbar {
              width: 4px;
              height: 4px;
              scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
            .advantages .innovate .innovper .swiper-slide .smr .sinp::-webkit-scrollbar-thumb {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 10px rgba(3, 108, 250, 0.3);
              background: rgba(3, 108, 250, 0.3);
              scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
            .advantages .innovate .innovper .swiper-slide .smr .sinp::-webkit-scrollbar-track {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
              background: rgba(0, 0, 0, 0.1); }
            .advantages .innovate .innovper .swiper-slide .smr .sinp p {
              color: #666;
              line-height: 1.5; }
      .advantages .innovate .innovper .swiper-slide-active {
        opacity: 1; }
      .advantages .innovate .innovper .swiper-pagination {
        bottom: 0; }
      .advantages .innovate .innovper .swiper-pagination-bullet {
        transition: all ease 0.5s;
        border-radius: 4px; }
      .advantages .innovate .innovper .swiper-pagination-bullet-active {
        width: 30px;
        background-color: transparent;
        background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
        border-radius: 4px; }
      .advantages .innovate .innovper .btn {
        position: absolute;
        z-index: 3;
        top: 50%;
        transform: translateY(-50%);
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.1);
        cursor: pointer; }
        .advantages .innovate .innovper .btn img {
          width: 100%;
          display: block; }
      .advantages .innovate .innovper .btn:hover {
        background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#000000, #000000);
        background-color: transparent; }
      .advantages .innovate .innovper .bl {
        left: 0.3rem; }
      .advantages .innovate .innovper .br {
        right: 0.3rem; }

.researchs {
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f6f6;
  overflow: hidden; }
  .researchs .sremlm{
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.6rem;
    justify-content: space-between;
  }
  .researchs .serl{
    display: inline-block;
    vertical-align: top;
    width: calc(550 / 1680 * 100%);
  }
  .researchs .serl .sinp{
    width: 100%;
    color: #333;
    line-height: 1.75;
  }
  .researchs .serl .sinp p{
    width: 100%;
    color: #333;
    line-height: 1.75;
  }
  .researchs .sers{
    display: inline-block;
    vertical-align: top;
    width: calc(1080 / 1680 * 100%);
  }
  .researchs .reslist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
     }
    .researchs .reslist .resm {
      display: inline-block;
      vertical-align: middle;
      width: 50%;
      text-align: center; }
      .researchs .reslist .resm .vic {
        display: inline-block;
        vertical-align: middle;
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
        background-color: #fff;
        padding: 0.15rem;
        margin-right: 1.5rem; }
        .researchs .reslist .resm .vic .vd {
          width: 100%;
          height: 100%;
          display: block;
          border-radius: 50%;
          background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff); }
          .researchs .reslist .resm .vic .vd img {
            width: 100%;
            display: block; }
      .researchs .reslist .resm .lums {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        text-align: left; }
        .researchs .reslist .resm .lums .lum {
          width: 100%;
          background: -webkit-linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
          /* Chrome, Safari */
          background: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
          /* 标准语法 */
          -webkit-background-clip: text;
          /* Chrome, Safari */
          background-clip: text;
          -webkit-text-fill-color: transparent;
          /* Chrome, Safari */
          color: transparent;
          /* 其他浏览器 */ }
          .researchs .reslist .resm .lums .lum span {
            display: inline-block;
            font-weight: bold;
            margin-right: 0.02rem; }
        .researchs .reslist .resm .lums .km {
          width: 100%;
          color: #666;
          line-height: 1.6; }
  .researchs .paenper {
    width: 100%;
    position: relative; }
    .researchs .paenper .swiper-container {
      padding-bottom: 0.5rem; }
    .researchs .paenper .swiper-pagination {
      bottom: 0; }
    .researchs .paenper .swiper-pagination-bullet {
      transition: all ease 0.5s;
      border-radius: 4px; }
    .researchs .paenper .swiper-pagination-bullet-active {
      width: 30px;
      background-color: transparent;
      background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
      border-radius: 4px; }
    .researchs .paenper .pram {
      display: inline-block;
      vertical-align: top;
      width: calc(534 / 1680 * 100%);
      margin-right: calc(39 / 1680 * 100%);
      margin-bottom: 0.4rem;
      position: relative;
      border-radius: 0.1rem;
      overflow: hidden; }
      .researchs .paenper .pram .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .researchs .paenper .pram .imgs .img {
          width: 100%;
          transition: all ease 0.5s;
          padding-top: 56.17%; }
      .researchs .paenper .pram .lkm {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0.25rem 0.3rem; }
        .researchs .paenper .pram .lkm .lit {
          width: 100%;
          color: #fff;
          line-height: 1.75; }
    .researchs .paenper .pram:hover .imgs .img {
      transform: scale(1.1); }
    .researchs .paenper .pram:nth-child(1) {
      width: calc(1106 / 1680 * 100%); }
      .researchs .paenper .pram:nth-child(1) .imgs .img {
        padding-top: 40.68%; }
    .researchs .paenper .pram:nth-child(2) {
      margin-right: 0; }
      .researchs .paenper .pram:nth-child(2) .imgs .img {
        padding-top: 84.26%; }
    .researchs .paenper .pram:nth-child(3) .imgs .img {
      padding-top: 84.26%; }
    .researchs .paenper .pram:nth-child(4) {
      width: calc(1106 / 1680 * 100%);
      margin-right: 0; }
      .researchs .paenper .pram:nth-child(4) .imgs .img {
        padding-top: 40.68%; }
    .researchs .paenper .pram:nth-child(5), .researchs .paenper .pram:nth-child(6), .researchs .paenper .pram:nth-child(7) {
      margin-bottom: 0; }
    .researchs .paenper .pram:nth-child(7) {
      margin-right: 0; }
  .researchs .youmt {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between; }
    .researchs .youmt .yol {
      display: inline-block;
      vertical-align: middle;
      width: calc(760 / 1680 * 100%);
      position: relative; }
      .researchs .youmt .yol .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem; }
        .researchs .youmt .yol .imgs .img {
          width: 100%;
          padding-top: 94.73%;
          transition: all ease 0.5s; }
      .researchs .youmt .yol .svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 3; }
        .researchs .youmt .yol .svg svg {
          transform-origin: left top;
          width: 760px;
          height: 720px; }
        .researchs .youmt .yol .svg .ds-circle {
          fill: #fff;
          position: relative;
          z-index: 10; }
        .researchs .youmt .yol .svg .ds-circle2 {
          fill: #fff;
          position: relative;
          z-index: 10; }
        .researchs .youmt .yol .svg .ds-line {
          fill: none;
          stroke-miterlimit: 10;
          stroke: #fff;
          stroke-dashoffset: 1200px;
          stroke-dasharray: 1200px; }
@keyframes animation-line {
  0% {
    stroke-dashoffset: 1200px; }
  100% {
    stroke-dashoffset: 0; } }
      .researchs .youmt .yol .svg.show .ds-line {
        animation: animation-line 3s ease-in;
        animation-fill-mode: forwards;
        position: relative;
        z-index: 1; }
      .researchs .youmt .yol .iconlist {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
        .researchs .youmt .yol .iconlist .pi {
          position: absolute;
          width: 17px;
          height: 17px;
          border-radius: 50% !important;
          z-index: 99;
          transform: translate(-50%, -50%); }
          .researchs .youmt .yol .iconlist .pi:before {
            display: block;
            content: '';
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 50%;
            width: 10px;
            height: 10px;
            transform: translate(-50%, -50%);
            border-radius: 50% !important;
            background: rgba(255, 255, 255, 0.5);
            animation: round-4 2s ease-out 200ms;
            animation-iteration-count: infinite; }
          .researchs .youmt .yol .iconlist .pi:after {
            display: block;
            content: '';
            z-index: 2;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 10px;
            height: 10px;
            transform: translate(-50%, -50%);
            border-radius: 50% !important;
            background: rgba(255, 255, 255, 0.5);
            animation: round-4 2s ease-out 3225ms;
            animation-iteration-count: infinite; }
@keyframes round-4 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0); }
  100% {
    transform: translate(-50%, -50%) scale(3.8);
    opacity: 0; } }
          .researchs .youmt .yol .iconlist .pi .ic {
            position: absolute;
            z-index: 10;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            transform: translate(-50%, -50%); }
            .researchs .youmt .yol .iconlist .pi .ic img {
              width: 100%;
              height: 100%;
              display: block; }
          .researchs .youmt .yol .iconlist .pi .xm {
            position: absolute;
            left: calc(100% + 0.1rem);
            top: 50%;
            transform: translateY(-50%);
            color: #333;
            white-space: nowrap; }
        .researchs .youmt .yol .iconlist .pi.big .rc {
          position: absolute;
          left: calc(100% + 0.1rem);
          bottom: 100%;
          transform: translateY(50%);
          color: #333;
          white-space: nowrap;
          background-color: var(--themes);
          padding: 0.05rem;
          width: 1.46rem;
          border-radius: 0.05rem; }
          .researchs .youmt .yol .iconlist .pi.big .rc img {
            width: 100%;
            display: block; }
        .researchs .youmt .yol .iconlist .pi.big:before {
          border-radius: 50%;
          transform: translate(-50%, -50%);
          background-image: linear-gradient(transparent, #004aa1);
          opacity: 0;
          animation: round-1 3s ease-out 1725ms;
          animation-iteration-count: infinite; }
        .researchs .youmt .yol .iconlist .pi.big:after {
          display: block;
          content: '';
          border-radius: 50%;
          transform: translate(-50%, -50%);
          background-image: linear-gradient(transparent, #004aa1);
          animation: round-1 3s ease-out 200ms;
          animation-iteration-count: infinite; }
@keyframes round-1 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0); }
  100% {
    transform: translate(-50%, -50%) scale(6);
    opacity: 0; } }
    .researchs .youmt .yor {
      display: inline-block;
      vertical-align: middle;
      width: calc(860 / 1680 * 100%);
      position: relative; }
      .researchs .youmt .yor .youmtlis {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap; }
        .researchs .youmt .yor .youmtlis .youm {
          display: inline-block;
          vertical-align: top;
          width: calc(410 / 860 * 100%);
          margin-right: calc(39 / 860 * 100%);
          margin-bottom: 0.4rem; }
          .researchs .youmt .yor .youmtlis .youm .yox {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            background-color: #fff;
            border-radius: 0.1rem;
            position: relative;
            overflow: hidden;
            padding: 0.3rem 0.4rem 0.4rem 0.3rem; }
            .researchs .youmt .yor .youmtlis .youm .yox::after {
              content: ' ';
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              width: 100%;
              height: 2px;
              background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff); }
            .researchs .youmt .yor .youmtlis .youm .yox .hoc {
              width: 1.2rem;
              height: 1.2rem;
              border-radius: 50%;
              display: block;
              padding: 0.1rem;
              background-color: #f6f6f6;
              position: relative;
              z-index: 2;
              transition: all ease 0.5s; }
              .researchs .youmt .yor .youmtlis .youm .yox .hoc .hom {
                width: 100%;
                height: 100%;
                display: block;
                border-radius: 50%;
                background-color: #fff;
                transition: all ease 0.5s; }
                .researchs .youmt .yor .youmtlis .youm .yox .hoc .hom img {
                  width: 100%;
                  display: block; }
            .researchs .youmt .yor .youmtlis .youm .yox .vob {
              width: 100%;
              margin-top: 0.55rem;
              padding-left: 0.1rem; }
              .researchs .youmt .yor .youmtlis .youm .yox .vob .lum {
                width: 100%;
                background: -webkit-linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
                background: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
                color: transparent; }
                .researchs .youmt .yor .youmtlis .youm .yox .vob .lum span {
                  display: inline-block;
                  font-weight: bold;
                  margin-right: 0.08rem;
                  background: -webkit-linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
                  background: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
                  -webkit-background-clip: text;
                  background-clip: text;
                  -webkit-text-fill-color: transparent;
                  color: transparent; }
              .researchs .youmt .yor .youmtlis .youm .yox .vob .lx {
                width: 100%;
                color: #666;
                line-height: 1.75; }
        .researchs .youmt .yor .youmtlis .youm:nth-child(2n) {
          margin-right: 0; }
  .researchs .reimgs {
    width: 100%;
    position: relative; }
    .researchs .reimgs .imgs {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .researchs .reimgs .imgs .img {
        width: 100%;
        padding-top: 74.166%; }
    .researchs .reimgs .mids {
      position: absolute;
      z-index: 5;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: calc(650 / 1680 * 100%); }
      .researchs .reimgs .mids .mgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 50%; }
        .researchs .reimgs .mids .mgs .img {
          width: 100%;
          padding-top: 100%; }
      .researchs .reimgs .mids .lox {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        text-align: center; }
        .researchs .reimgs .mids .lox .lc {
          display: block;
          margin: 0 auto 0.34rem;
          width: 0.8rem; }
          .researchs .reimgs .mids .lox .lc img {
            width: 100%;
            display: block; }
        .researchs .reimgs .mids .lox .miv {
          width: 100%;
          color: #fff;
          line-height: 1.35;
          font-weight: bold; }
          .researchs .reimgs .mids .lox .miv p {
            color: #fff;
            line-height: 1.35;
            font-weight: bold; }
        .researchs .reimgs .mids .lox .xk {
          width: 100%;
          text-align: center;
          font-size: 0;
          margin: 0.25rem 0 0.45rem; }
          .researchs .reimgs .mids .lox .xk span {
            display: inline-block;
            vertical-align: middle;
            background-color: #fff;
            width: 0.25rem;
            height: 0.05rem; }
        .researchs .reimgs .mids .lox .lms {
          width: 100%;
          text-align: center;
          color: #fff;
          line-height: 1.6; }
          .researchs .reimgs .mids .lox .lms p {
            color: #fff;
            line-height: 1.6; }
    .researchs .reimgs .labels {
      position: absolute;
      z-index: 3;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .researchs .reimgs .labels .laim {
        position: absolute;
        width: 1.6rem; }
        .researchs .reimgs .labels .laim .ic {
          display: inline-block;
          vertical-align: middle;
          width: 1.6rem;
          height: 1.6rem;
          border-radius: 50%;
          background-color: #fff;
          padding: 0.15rem;
          border: dashed 1px rgba(0, 0, 0, 0.15); }
          .researchs .reimgs .labels .laim .ic .nc {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 50%;
            background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff); }
            .researchs .reimgs .labels .laim .ic .nc img {
              width: 100%;
              display: block; }
        .researchs .reimgs .labels .laim .rem {
          display: inline-block;
          vertical-align: middle;
          position: absolute;
          right: calc(2rem);
          top: 50%;
          transform: translateY(-50%); }
          .researchs .reimgs .labels .laim .rem .et {
            width: auto;
            display: inline-block;
            vertical-align: middle;
            color: #000;
            font-weight: bold;
            line-height: 1.3;
            white-space: nowrap; }
      .researchs .reimgs .labels .laim:nth-child(2n) .rem {
        right: auto;
        left: calc(2rem); }
      .researchs .reimgs .labels .laim:nth-child(1) {
        left: calc(287 / 1680 * 100%);
        top: calc(350 / 1246 * 100%); }
      .researchs .reimgs .labels .laim:nth-child(2) {
        left: calc(1236 / 1680 * 100%);
        top: calc(350 / 1246 * 100%); }
      .researchs .reimgs .labels .laim:nth-child(3) {
        left: calc(287 / 1680 * 100%);
        top: calc(738 / 1246 * 100%); }
      .researchs .reimgs .labels .laim:nth-child(4) {
        left: calc(1236 / 1680 * 100%);
        top: calc(738 / 1246 * 100%); }
    .researchs .reimgs .iconlist {
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      .researchs .reimgs .iconlist .icon {
        position: absolute;
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 50%;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        text-align: center;
        padding: 0.25rem; }
        .researchs .reimgs .iconlist .icon .lum {
          width: 100%;
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          background: -webkit-linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
          /* Chrome, Safari */
          background: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
          /* 标准语法 */
          -webkit-background-clip: text;
          /* Chrome, Safari */
          background-clip: text;
          -webkit-text-fill-color: transparent;
          /* Chrome, Safari */
          color: transparent;
          /* 其他浏览器 */ }
          .researchs .reimgs .iconlist .icon .lum span {
            display: inline-block;
            font-weight: bold;
            margin-right: 0.02rem; }
        .researchs .reimgs .iconlist .icon .lx {
          width: 100%;
          color: #666;
          line-height: 1.5;
          margin-top: 0.05rem; }
          .researchs .reimgs .iconlist .icon .lx p {
            color: #666;
            line-height: 1.5; }
      .researchs .reimgs .iconlist .icon.big {
        width: 2.6rem;
        height: 2.6rem; }
      .researchs .reimgs .iconlist .icon:nth-child(1) {
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .researchs .reimgs .iconlist .icon:nth-child(2) {
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .researchs .reimgs .iconlist .icon:nth-child(3) {
        left: calc(424 / 1680 * 100%);
        top: calc(101 / 1246 * 100%); }
      .researchs .reimgs .iconlist .icon:nth-child(4) {
        left: calc(730 / 1680 * 100%);
        top: calc(0 / 1246 * 100%); }
      .researchs .reimgs .iconlist .icon:nth-child(5) {
        left: calc(1037 / 1680 * 100%);
        top: calc(101 / 1246 * 100%); }
      .researchs .reimgs .iconlist .icon:nth-child(6) {
        left: calc(424 / 1680 * 100%);
        top: calc(925 / 1246 * 100%); }
      .researchs .reimgs .iconlist .icon:nth-child(7) {
        left: calc(730 / 1680 * 100%);
        top: calc(1026 / 1246 * 100%); }
      .researchs .reimgs .iconlist .icon:nth-child(8) {
        left: calc(1037 / 1680 * 100%);
        top: calc(925 / 1246 * 100%); }

@media (max-width: 800px) {
  .researchs .paenper .pram {
    margin-bottom: 0.2rem; }
  .researchs .paenper .pram:nth-child(1), .researchs .paenper .pram:nth-child(4) {
    width: 100% !important;
    margin-right: 0 !important; }
  .researchs .paenper .pram:nth-child(2) {
    margin-right: 2%;
    width: 49%;
    margin-bottom: 0.2rem; }
  .researchs .paenper .pram:nth-child(3) {
    width: 49%;
    margin-right: 0; }
  .researchs .reimgs .imgs {
    display: none; }
  .researchs .reimgs .mids {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    width: 6.5rem;
    margin: 0 auto 20px;
    max-width: 100%; }
  .researchs .reimgs .labels {
    position: relative;
    width: 100%;
    height: auto; }
    .researchs .reimgs .labels .laim {
      width: 100%;
      position: relative;
      left: 0 !important;
      top: 0 !important; }
      .researchs .reimgs .labels .laim .rem {
        width: calc(100% - 1.6rem - 0.2rem);
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: translateY(0) !important;
        margin-left: 0.2rem; }
        .researchs .reimgs .labels .laim .rem .et {
          font-size: 18px;
          white-space: wrap; }
  .researchs .reimgs .iconlist {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    .researchs .reimgs .iconlist .icon {
      position: relative;
      left: 0 !important;
      top: 0 !important;
      transform: translateY(0) !important;
      margin-bottom: 15px; } }
.groups {
  width: 100%;
  padding: 1rem 0;
  background-color: #f8f8f8; }
  .groups .groum {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .groups .groum .gul {
      display: inline-block;
      vertical-align: middle;
      width: calc(960 / 1920 * 100%); }
      .groups .groum .gul .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0 0.1rem 0.1rem 0; }
        .groups .groum .gul .imgs .img {
          width: 100%;
          padding-top: 62.5%; }
    .groups .groum .gur {
      display: inline-block;
      vertical-align: middle;
      width: calc(740 / 1920 * 100%);
      margin-left: 1rem; }
      .groups .groum .gur .ginp {
        width: 100%;
        color: #666;
        line-height: 1.75; }
        .groups .groum .gur .ginp p {
          color: #666;
          line-height: 1.75; }

@media (max-width: 800px) {
  .groups .groum .gul {
    width: 100%;
    border-radius: 0; }
  .groups .groum .gur {
    width: 100%;
    margin-left: 0;
    padding: 20px; } }
.Overview {
  width: 100%;
  position: relative;
  padding: 1rem 0 0; }
  .Overview .viewper {
    width: 100%;
    position: relative; }
    .Overview .viewper .swiper-slide {
      width: 100%;
      position: relative;
      border-right: solid 1px #fff; }
      .Overview .viewper .swiper-slide a {
        width: 100%;
        display: block; }
      .Overview .viewper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .Overview .viewper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 7.5rem;
          transition: all ease 0.5s; }
      .Overview .viewper .swiper-slide .lom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 0.4rem;
        z-index: 2; }
        .Overview .viewper .swiper-slide .lom .lc {
          display: block;
          width: 0.44rem;
          margin-bottom: 0.36rem; }
          .Overview .viewper .swiper-slide .lom .lc img {
            width: 100%;
            display: block; }
        .Overview .viewper .swiper-slide .lom .lit {
          width: 100%;
          color: #fff;
          font-weight: bold;
          line-height: 1.4;
          margin-bottom: 0.15rem; }
        .Overview .viewper .swiper-slide .lom .sim {
          width: 100%;
          color: #fff;
          line-height: 1.5; }
    .Overview .viewper .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }
    .Overview .viewper .swiper-slide:last-child {
      border: none; }

.keynote {
  width: 100%;
  padding: 1rem 0; }
  .keynote .noteper {
    width: 100%;
    padding-left: calc(120 / 1920 * 100%);
    position: relative; }
    .keynote .noteper .swiper-slide {
      width: 100%;
      position: relative;
      border-radius: 0.1rem;
      overflow: hidden; }
      .keynote .noteper .swiper-slide a {
        width: 100%;
        display: block; }
      .keynote .noteper .swiper-slide .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 2;
        opacity: 1;
        transition: all ease 0.5s; }
      .keynote .noteper .swiper-slide .pom {
        width: 100%;
        padding: 1rem 0.8rem 0.8rem;
        position: relative;
        z-index: 2; }
        .keynote .noteper .swiper-slide .pom .pod {
          width: 100%;
          position: relative; }
          .keynote .noteper .swiper-slide .pom .pod .pit {
            width: 100%;
            color: #000;
            font-weight: bold;
            height: 2.6em;
            line-height: 1.3; }
          .keynote .noteper .swiper-slide .pom .pod .pim {
            width: 100%;
            color: #666;
            line-height: 1.75;
            margin-top: 0.14rem;
            max-width: 3rem;
            overflow: auto;
            height: 2rem; }
            .keynote .noteper .swiper-slide .pom .pod .pim span {
              color: var(--themes); }
            .keynote .noteper .swiper-slide .pom .pod .pim::-webkit-scrollbar {
              width: 4px;
              height: 4px;
              scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
            .keynote .noteper .swiper-slide .pom .pod .pim::-webkit-scrollbar-thumb {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 10px rgba(3, 108, 250, 0.3);
              background: rgba(3, 108, 250, 0.3);
              scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
            .keynote .noteper .swiper-slide .pom .pod .pim::-webkit-scrollbar-track {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
              background: rgba(0, 0, 0, 0.1); }
            .keynote .noteper .swiper-slide .pom .pod .pim p {
              color: #666;
              line-height: 1.75; }
        .keynote .noteper .swiper-slide .pom .pob {
          width: 100%; }
        .keynote .noteper .swiper-slide .pom .kong {
          width: 100%; }
        .keynote .noteper .swiper-slide .pom .more {
          width: 100%;
          font-size: 0;
          opacity: 0;
          margin-top: 0.3rem; }
          .keynote .noteper .swiper-slide .pom .more.show{
            opacity: 1;
          }
          .keynote .noteper .swiper-slide .pom .more .atn {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            padding: 0 0.45rem;
            color: var(--themes);
            line-height: 3;
            position: relative;
            border-radius: 1.5em;
            background-color: #fff;
            transition: all ease 0.5s; }
            .keynote .noteper .swiper-slide .pom .more .atn span {
              display: inline-block;
              vertical-align: middle;
              width: 13px;
              position: relative;
              top: -0.02rem;
              margin-left: 0.1rem; }
              .keynote .noteper .swiper-slide .pom .more .atn span img {
                width: 100%;
                display: block; }
            .keynote .noteper .swiper-slide .pom .more .atn:before {
              content: ' ';
              position: absolute;
              z-index: -1;
              left: calc(-1 * 2px);
              top: calc(-1 * 2px);
              bottom: calc(-1 * 2px);
              right: calc(-1 * 2px);
              border-radius: 1.5em;
              background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35); }
        .keynote .noteper .swiper-slide .pom .imgs {
          display: inline-block;
          vertical-align: middle;
          position: absolute;
          width: calc(340 / 800 * 100%);
          overflow: hidden;
          right: 0.7rem;
          bottom: 0.8rem;
          z-index: 5; }
          .keynote .noteper .swiper-slide .pom .imgs .img {
            width: 100%;
            padding-top: 100%;
            transition: all ease 0.5s; }
    .keynote .noteper .swiper-slide:hover .more .atn {
      background-color: transparent;
      color: #fff; }
      .keynote .noteper .swiper-slide:hover .more .atn span img {
        filter: grayscale(1000%) brightness(2000%); }
    .keynote .noteper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pointer; }
      .keynote .noteper .btn img {
        width: 100%;
        display: block; }
    .keynote .noteper .btn:hover {
      background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#000000, #000000);
      background-color: transparent; }
    .keynote .noteper .bl {
      left: 0.3rem; }
    .keynote .noteper .br {
      right: 0.3rem; }

@media (max-width: 1760px) {
  .keynote .noteper {
    padding-left: 5%; } }
@media (max-width: 800px) {
  .keynote .noteper {
    padding-left: 3%; } }
.forces {
  width: 100%;
  padding: 1rem 0; }
  .forces .forclis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .forces .forclis .focrm {
      display: inline-block;
      vertical-align: top;
      width: calc(534 / 1680 * 100%);
      margin-right: calc(38 / 1680 * 100%);
      margin-bottom: 0.4rem;
      position: relative;
      border-radius: 0.1rem;
      overflow: hidden; }
      .forces .forclis .focrm a {
        width: 100%;
        display: block; }
      .forces .forclis .focrm .hei {
        width: 100%;
        padding-top: 63.67%;
        transition: all ease 0.5s; }
      .forces .forclis .focrm .bgs {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
        .forces .forclis .focrm .bgs .img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          transition: all ease 0.5s;
          opacity: 0;
          z-index: -1; }
        .forces .forclis .focrm .bgs .bg1 {
          opacity: 1;
          z-index: 3; }
        .forces .forclis .focrm .bgs .bg2 {
          opacity: 0;
          z-index: -1; }
      .forces .forclis .focrm .com {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        padding: 0.6rem; }
        .forces .forclis .focrm .com .vob {
          width: 100%; }
          .forces .forclis .focrm .com .vob .xit {
            width: 100%;
            color: #666;
            line-height: 1.5; }
    .forces .forclis .focrm:nth-child(3n) {
      margin-right: 0; }
    .forces .forclis .focrm:hover .bgs .bg2 {
      opacity: 1;
      z-index: 3; }
    .forces .forclis .focrm:hover .bgs .bg1 {
      opacity: 0;
      z-index: -1; }
    .forces .forclis .focrm:hover .com .mitop .mix {
      color: #fff; }
    .forces .forclis .focrm:hover .com .mitop .lx span {
      background-color: #fff;
      background-image: none; }
    .forces .forclis .focrm:hover .com .vob .xit {
      color: #fff; }

.honors {
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f6f6; }
  .honors .honlist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .honors .honlist .hiom {
      width: calc(390 / 1680 * 100%);
      display: inline-block;
      vertical-align: top;
      margin-right: calc(38 / 1680 * 100%);
      margin-bottom: 0.2rem; }
      .honors .honlist .hiom a {
        width: 100%;
        display: block;
        position: relative;
        top: 0;
        transition: all ease 0.5s; }
      .honors .honlist .hiom .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .honors .honlist .hiom .imgs .img {
          width: 100%;
          padding-top: 69.23%;
          transition: all ease 0.5s; }
      .honors .honlist .hiom .kom {
        width: 100%;
        position: relative; }
        .honors .honlist .hiom .kom .hei {
          width: 100%;
          padding-top: 35.89%; }
        .honors .honlist .hiom .kom .he {
          position: absolute;
          top: 40%;
          z-index: 2;
          width: 100%;
          transform: translateY(-50%);
          color: #000;
          line-height: 1.5;
          text-align: center; }
    .honors .honlist .hiom:nth-child(4n) {
      margin-right: 0; }
    .honors .honlist .hiom:hover a {
      top: -0.1rem; }

.partners {
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f6f6;
  overflow: hidden; }
  .partners .vaenper {
    width: 100%;
    font-size: 0;
    position: relative; }
    .partners .vaenper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pointer; }
      .partners .vaenper .btn img {
        width: 100%;
        display: block; }
    .partners .vaenper .btn:hover {
      background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#000000, #000000);
      background-color: transparent; }
    .partners .vaenper .bl {
      left: -0.8rem; }
    .partners .vaenper .br {
      right: -0.8rem; }
    .partners .vaenper .vram {
      display: inline-block;
      vertical-align: top;
      width: calc(192 / 1680 * 100%);
      margin-right: calc(55 / 1680 * 100%);
      position: relative; }
      .partners .vaenper .vram a {
        width: 100%;
        display: block; }
      .partners .vaenper .vram .vb {
        width: 100%;
        display: block; }
      .partners .vaenper .vram .vd {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        padding: 0.4rem;
        z-index: 2;
        overflow: hidden; }
        .partners .vaenper .vram .vd .img {
          width: 100%;
          height: 100%;
          display: block;
          transition: all ease 0.5s; }
    .partners .vaenper .vram:nth-child(1), .partners .vaenper .vram:nth-child(14) {
      margin-left: calc(124 / 1680 * 100%); }
    .partners .vaenper .vram:nth-child(13) {
      margin-right: 0; }
    .partners .vaenper .vram:hover .vd .img {
      transform: scale(1.1); }

@media (max-width: 1780px) {
  .partners .vaenper .bl {
    left: -0.3rem; }
  .partners .vaenper .br {
    right: -0.3rem; } }
@media (max-width: 800px) {
  .partners .vaenper .bl {
    left: -0.1rem; }
  .partners .vaenper .br {
    right: -0.1rem; }
  .partners .vaenper .vram {
    width: calc(493 / 1680 * 100%);
    margin-right: calc(99 / 1680 * 100%) !important; }
  .partners .vaenper .vram:nth-child(1), .partners .vaenper .vram:nth-child(6) {
    margin-left: calc(248 / 1680 * 100%); }
  .partners .vaenper .vram:nth-child(5) {
    margin-right: 0 !important; } }
.comanys {
  width: 100%;
  padding: 1rem 0;
  position: relative;
  overflow: hidden; }
  .comanys .bg1 {
    position: absolute;
    z-index: 1;
    width: calc(1437 / 1920 * 100%);
    right: 0;
    bottom: -25%; }
    .comanys .bg1 .img {
      width: 100%;
      padding-top: 100%; }
  .comanys .bg2 {
    position: absolute;
    z-index: 1;
    width: calc(1437 / 1920 * 100%);
    left: 0;
    top: 60%;
    transform: translateY(-50%); }
    .comanys .bg2 .img {
      width: 100%;
      padding-top: 100%; }
  .comanys .w1680 {
    z-index: 2;
    position: relative; }
  .comanys .cinp {
    width: 100%;
    color: #666;
    line-height: 1.75; }
    .comanys .cinp p {
      color: #666;
      line-height: 1.75; }
  .comanys .camst {
    width: 100%; }
  .comanys .cmans {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem; }
    .comanys .cmans .caml {
      display: inline-block;
      vertical-align: middle;
      width: calc(650 / 1680 * 100%);
      padding-bottom: 0.6rem;
      position: relative; }
      .comanys .cmans .caml .imgs {
        width: calc(600 / 650 * 100%);
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem;
        z-index: 2; }
        .comanys .cmans .caml .imgs .img {
          width: 100%;
          padding-top: 100%; }
      .comanys .cmans .caml .rc {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        width: 2.7rem;
        border-radius: 0.1rem;
        overflow: hidden;
        filter: blur(1px); }
        .comanys .cmans .caml .rc img {
          width: 100%;
          display: block; }
    .comanys .cmans .camr {
      display: inline-block;
      vertical-align: middle;
      width: calc(910 / 1680 * 100%); }
      .comanys .cmans .camr .cinp {
        width: 100%;
        color: #666;
        line-height: 1.75; }
        .comanys .cmans .camr .cinp p {
          color: #666;
          line-height: 1.75; }
      .comanys .cmans .camr .datoms {
        width: 100%;
        font-size: 0;
        margin-top: 0.5rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .comanys .cmans .camr .datoms .daim {
          width: auto;
          display: inline-block;
          vertical-align: top; }
          .comanys .cmans .camr .datoms .daim .dc {
            display: block;
            width: 0.44rem;
            height: 0.44rem;
            margin-bottom: 0.25rem; }
            .comanys .cmans .camr .datoms .daim .dc img {
              width: 100%;
              display: block; }
          .comanys .cmans .camr .datoms .daim .lum {
            width: 100%;
            background: -webkit-linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
            /* Chrome, Safari */
            background: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35);
            /* 标准语法 */
            -webkit-background-clip: text;
            /* Chrome, Safari */
            background-clip: text;
            -webkit-text-fill-color: transparent;
            /* Chrome, Safari */
            color: transparent;
            /* 其他浏览器 */ }
            .comanys .cmans .camr .datoms .daim .lum span {
              display: inline-block;
              font-weight: bold;
              margin-right: 0.06rem; }
          .comanys .cmans .camr .datoms .daim .km {
            width: 100%;
            color: #666;
            line-height: 1.6;
            margin-top: 0.08rem; }
  .comanys .cmans:nth-child(2n) {
    flex-direction: row; }
  .comanys .cmans + .cmans {
    margin-top: 1rem; }

.enterprise {
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f6f6; }
  .enterprise .enmylis {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .enterprise .enmylis .enmpy {
      display: inline-block;
      vertical-align: top;
      width: calc(534 / 1680 * 100%);
      margin-right: calc(38 / 1680 * 100%);
      margin-bottom: 0.4rem;
      position: relative; }
      .enterprise .enmylis .enmpy a {
        width: 100%;
        height: 100%;
        display: block;
        padding: 0.3rem;
        transition: all ease 0.5s;
        position: relative;
        top: 0;
        border-radius: 0.1rem;
        overflow: hidden;
        background-color: #fff; }
        .enterprise .enmylis .enmpy a::after {
          content: ' ';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 2px;
          background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#ffffff, #ffffff); }
      .enterprise .enmylis .enmpy .hoc {
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        display: block;
        padding: 0.1rem;
        background-color: #f6f6f6;
        position: relative;
        z-index: 2;
        transition: all ease 0.5s; }
        .enterprise .enmylis .enmpy .hoc .hom {
          width: 100%;
          height: 100%;
          display: block;
          border-radius: 50%;
          background-color: #fff;
          transition: all ease 0.5s; }
          .enterprise .enmylis .enmpy .hoc .hom img {
            width: 100%;
            display: block; }
      .enterprise .enmylis .enmpy .vob {
        width: 100%;
        font-size: 0;
        margin-top: 0.5rem;
        position: relative;
        z-index: 2;
        padding-left: 0.1rem; }
        .enterprise .enmylis .enmpy .vob .vt {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.3; }
        .enterprise .enmylis .enmpy .vob .kim {
          width: 100%;
          margin-top: 0.16rem;
          color: #666;
          line-height: 1.5;
          min-height: 3em; }
    .enterprise .enmylis .enmpy:nth-child(3n) {
      margin-right: 0; }
    .enterprise .enmylis .enmpy:hover a {
      top: -0.1rem; }

.cultrue {
  width: 100%;
  padding: 1rem 0 0; }
  .cultrue .culpers {
    width: 100%; }
    .cultrue .culpers .swiper-slide {
      width: 33.33%;
      height: 7.2rem;
      transition: width ease 0.5s;
      cursor: pointer;
      border-right: solid 1px rgba(255, 255, 255, 0.1); }
      .cultrue .culpers .swiper-slide .spom {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        padding: 0.5rem; }
        .cultrue .culpers .swiper-slide .spom .soc {
          width: 1.2rem;
          display: block;
          margin: 0 auto 0.3rem;
          position: relative; }
          .cultrue .culpers .swiper-slide .spom .soc img {
            width: 100%;
            display: block; }
          .cultrue .culpers .swiper-slide .spom .soc .sg {
            width: 100%;
            display: block; }
          .cultrue .culpers .swiper-slide .spom .soc .sc {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%; }
        .cultrue .culpers .swiper-slide .spom .sit {
          width: 100%;
          text-align: center;
          color: #fff;
          font-weight: bold;
          line-height: 1.2; }
        .cultrue .culpers .swiper-slide .spom .sim {
          width: 100%;
          text-align: center;
          color: #fff;
          line-height: 1.5;
          margin-top: 0.1rem;
          opacity: 0;
          transition: all ease 0.5s;
          min-height: 4.5em; }
          .cultrue .culpers .swiper-slide .spom .sim p {
            color: #fff;
            line-height: 1.5; }
    .cultrue .culpers .swiper-slide:last-child {
      border: none; }
  .cultrue .culpers.show .swiper-slide {
    width: calc(480 / 1920 * 100%); }
  .cultrue .culpers.show .swiper-slide.on {
    width: calc(960 / 1920 * 100%); }
    .cultrue .culpers.show .swiper-slide.on .sim {
      opacity: 1; }

.publication {
  width: 100%;
  padding: 0.7rem 0;
  overflow: hidden;
  background-color: #f6f6f6; }
  .publication .publist {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .publication .publist .pubim {
      display: inline-block;
      vertical-align: top;
      width: calc(534 / 1680 * 100%);
      background-color: #fff;
      border-radius: 0.1rem;
      margin-right: calc(39 / 1680 * 100%);
      margin-bottom: 0.4rem;
      overflow: hidden; }
      .publication .publist .pubim .pul {
        display: inline-block;
        vertical-align: middle;
        width: calc(250 / 534 * 100%); }
        .publication .publist .pubim .pul a {
          width: 100%;
          display: block; }
        .publication .publist .pubim .pul .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .publication .publist .pubim .pul .imgs .img {
            width: 100%;
            padding-top: 136%;
            transition: all ease 0.5s; }
        .publication .publist .pubim .pul .imgs:hover .img {
          transform: scale(1.1); }
      .publication .publist .pubim .pur {
        display: inline-block;
        vertical-align: middle;
        width: calc(284 / 534 * 100%);
        padding: 0.2rem 0.5rem; }
        .publication .publist .pubim .pur .pit {
          width: 100%;
          color: #000;
          font-weight: bold;
          line-height: 1.2; }
        .publication .publist .pubim .pur .lm {
          width: 100%;
          color: #666;
          line-height: 1.5;
          margin-top: 0.1rem; }
        .publication .publist .pubim .pur .puls {
          width: 100%;
          font-size: 0;
          margin-top: 0.25rem; }
          .publication .publist .pubim .pur .puls a {
            width: 100%;
            display: block; }
            .publication .publist .pubim .pur .puls a .ac {
              display: inline-block;
              vertical-align: middle;
              width: 0.44rem;
              height: 0.44rem;
              border-radius: 50%;
              background-color: #f6f6f6;
              margin-right: 0.1rem; }
              .publication .publist .pubim .pur .puls a .ac img {
                width: 100%;
                display: block; }
            .publication .publist .pubim .pur .puls a .cm {
              display: inline-block;
              vertical-align: middle;
              color: #000;
              font-weight: bold;
              line-height: 1.6; }
          .publication .publist .pubim .pur .puls a + a {
            margin-top: 0.2rem; }
          .publication .publist .pubim .pur .puls a:hover .ac {
            background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#f6f6f6, #f6f6f6); }
            .publication .publist .pubim .pur .puls a:hover .ac img {
              filter: grayscale(1000%) brightness(2000%); }
    .publication .publist .pubim:nth-child(3n) {
      margin-right: 0; }
  .publication .more {
    width: 100%;
    font-size: 0;
    margin-top: 0.2rem;
    text-align: center; }
    .publication .more a {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      padding: 0 0.45rem;
      color: var(--themes);
      line-height: 3;
      position: relative;
      border-radius: 1.5em;
      background-color: #fff;
      transition: all ease 0.5s; }
      .publication .more a span {
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        position: relative;
        top: -0.02rem;
        margin-left: 0.1rem; }
        .publication .more a span img {
          width: 100%;
          display: block; }
      .publication .more a:before {
        content: ' ';
        position: absolute;
        z-index: -1;
        left: calc(-1 * 2px);
        top: calc(-1 * 2px);
        bottom: calc(-1 * 2px);
        right: calc(-1 * 2px);
        border-radius: 1.5em;
        background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#b81a35, #b81a35); }
    .publication .more a:hover {
      background-color: transparent;
      color: #fff; }
      .publication .more a:hover span img {
        filter: grayscale(1000%) brightness(2000%); }
  .publication .activier {
    width: 100%;
    position: relative; }
    .publication .activier .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pointer; }
      .publication .activier .btn img {
        width: 100%;
        display: block; }
    .publication .activier .btn:hover {
      background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#000000, #000000);
      background-color: transparent; }
    .publication .activier .bl {
      left: calc(370 / 1920 * 100%); }
    .publication .activier .br {
      right: calc(370 / 1920 * 100%); }
    .publication .activier .swiper-container {
      padding-bottom: 0.5rem; }
    .publication .activier .swiper-slide {
      width: 100%;
      position: relative; }
      .publication .activier .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 0.1rem;
        transition: all ease 0.5s;
        opacity: 0.6; }
        .publication .activier .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 62.5%;
          transition: all ease 0.5s; }
      .publication .activier .swiper-slide .xit {
        width: 100%;
        text-align: center;
        margin-top: 0.4rem;
        color: #000;
        font-weight: bold;
        line-height: 1.75;
        transition: all ease 0.5s;
        opacity: 0; }
    .publication .activier .swiper-slide-active .xit, .publication .activier .swiper-slide-active .imgs {
      opacity: 1; }
    .publication .activier .swiper-pagination {
      bottom: 0;
      color: #999; }
    .publication .activier .swiper-pagination-current {
      color: var(--themes); }

@media (max-width: 800px) {
  .publication .activier .bl {
    left: 0.3rem; }
  .publication .activier .br {
    right: 0.3rem; } }
.history {
  width: 100%;
  padding: 1rem 0;
  position: relative; }
  .history .bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease 0.5s;
    opacity: 1;
    z-index: 1; }
  .history .bg2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease 0.5s;
    opacity: 0;
    z-index: -1; }
  .history .w1680 {
    position: relative;
    z-index: 2; }
  .history .hisper {
    width: 100%;
    position: relative; }
    .history .hisper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pointer; }
      .history .hisper .btn img {
        width: 100%;
        display: block; }
    .history .hisper .btn:hover {
      background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#000000, #000000);
      background-color: transparent; }
    .history .hisper .bl {
      left: -0.8rem; }
    .history .hisper .br {
      right: -0.8rem; }
    .history .hisper .mitop {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .history .hisper .swiper-wrapper {
      align-items: flex-end;
      min-height: 7.3rem; }
    .history .hisper .swiper-slide {
      width: 100%;
      font-size: 0;
      transition: padding ease 0.5s; }
      .history .hisper .swiper-slide .line {
        display: inline-block;
        vertical-align: top;
        width: 0.1rem; }
        .history .hisper .swiper-slide .line .sc {
          width: 100%;
          font-size: 0; }
          .history .hisper .swiper-slide .line .sc span {
            display: inline-block;
            vertical-align: middle;
            width: 0.1rem;
            height: 0.1rem;
            border-radius: 50%;
            background-color: #fff; }
        .history .hisper .swiper-slide .line .rx {
          width: 1px;
          height: 2.1rem;
          display: block;
          margin: 0 auto;
          transition: height ease 0.5s;
          border-left: dashed 1px rgba(255, 255, 255, 0.4); }
        .history .hisper .swiper-slide .line .xl {
          width: 3px;
          height: 0.44rem;
          display: block;
          margin: 0 auto;
          background-color: #fff; }
      .history .hisper .swiper-slide .remp {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 0.1rem - 0.3rem);
        margin-left: 0.3rem;
        margin-top: -0.05rem;
        padding-right: 0.3rem; }
        .history .hisper .swiper-slide .remp .year {
          width: 100%;
          color: #fff;
          font-weight: bold; }
        .history .hisper .swiper-slide .remp .yim {
          width: 100%;
          color: #fff;
          line-height: 1.6;
          margin-top: 0.15rem; }
          .history .hisper .swiper-slide .remp .yim p {
            color: #fff;
            margin-top: 0 !important;
            line-height: 1.3; }
    .history .hisper .swiper-slide-active + .swiper-slide {
      padding-bottom: 0.7rem; }
    .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide {
      padding-bottom: 0.5rem; }
      .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide .line .rx {
        height: 4rem; }
    .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
      padding-bottom: 1.4rem; }
      .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .line .rx {
        height: 2.6rem; }
    .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
      padding-bottom: 3.1rem; }
      .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .line .rx {
        height: 2.1rem; }
    .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
      padding-bottom: 3.4rem; }
      .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .line .rx {
        height: 1.3rem; }
    .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
      padding-bottom: 2.8rem; }
      .history .hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .line .rx {
        height: 3.1rem; }

@media (max-width: 1780px) {
  .history .hisper .bl {
    left: -0.3rem; }
  .history .hisper .br {
    right: -0.3rem; } }
@media (max-width: 800px) {
  .history .bg1 {
    opacity: 0;
    z-index: -1; }
  .history .bg2 {
    opacity: 1;
    z-index: 1; }
  .history .hisper .bl {
    left: 0rem; }
  .history .hisper .br {
    right: 0rem; } }



    .rightnav {
      position: fixed;
      right: 0;
      top: 125%;
      transform: translateY(-50%);
      transition: all ease 1s;
      z-index: 10; }
      .rightnav .ritm {
        display: block;
        width: 0.45rem;
        cursor: pointer; }
        .rightnav .ritm a, .rightnav .ritm img {
          width: 100%;
          display: block; }
    .rightnav.show{
      top: 75%;
    }


/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}


.ta-main{width: 100%;overflow: hidden;}
.ta-cont{width: 100%;margin-bottom: .5rem; display: flex;flex-wrap: wrap;flex-direction: row-reverse;align-items: center;justify-content: space-between;}
.ta-left{width: calc(800 / 1680 * 100%);}
.ta-item{display: block;cursor: pointer;width: 100%;font-size: 0; background-color: #ffffff;border-radius: .1rem;overflow: hidden;}
.ta-lt{display: inline-block;vertical-align: top;width: 50%;border-right: 1px solid #f2f2f2;}
.ta-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(540/380*100%);}
.ta-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.ta-rt{display: inline-block;vertical-align: top;width: 50%;padding: .8rem .4rem .3rem;}
.ta-name{width: 100%;margin-bottom:  .52rem; color: #000000;font-weight: bold;line-height: 1.25;}
.ta-mold{width: 100%;line-height: 1.6;}
.ta-mold img{width: .34rem;margin-right: .15rem;color: #000000;}
.ta-item:hover .ta-img img{transform: scale(1.05);}
.ta-item:hover .ta-name{color: #036cfa;}
.ta-right{width: calc(800 / 1680 * 100%);}
.ta-textbox{width: 100%;color: #666;line-height: 1.88;text-align: justify;}
.ta-textbox *{line-height: inherit;}
.ta-textbox p{padding: .15rem 0;}

@media(max-width: 750px){
    .ta-left{width: 100%;margin-bottom: .3rem;}
    .ta-lt{vertical-align: middle;}
    .ta-rt{vertical-align: middle;padding: .3rem;}
    .ta-right{width: 100%;}
}

.ra-main{width: 100%;padding-top: .7rem;}
.ra-cont{width: 100%;display: flex;flex-wrap: wrap;}
.ra-item{display: block;position: relative;width: 32%;margin-right: 2%;background-color: #fff;position: relative;padding: .3rem;margin-top: .3rem;}
.ra-item:nth-child(3n){margin-right: 0;}
.ra-item:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .5s;height: .04rem;background-color: #036cfa;background-image: linear-gradient(90deg, #036cfa 0%, #9a32ca 100%) ;}
.ra-name{width: 100%;position: relative;padding-bottom: .2rem;color: #222;line-height: 1.5;}
.ra-tr{width: 100%;padding-top: 0.2rem;border-top: solid 1px #ddd;}
.ra-td{display: flex;align-items: flex-start;width: 100%;margin-top: .15rem;}
.ra-td:nth-child(1){margin-top: 0;}
.ra-icon{display: block;width: 1em;height: 1.6em;line-height: 1.6em;margin-right: .1rem;}
.ra-icon img{width: 100%;height: 100%;object-fit: contain;}
.ra-text{flex: 1;color: #222;line-height: 1.6;}
.ra-item:hover:after{width: 100%;}

@media(max-width:750px){
    .ra-item{width: 100%;}
}


.rb-main{width: 100%;min-height: 7rem;position: relative;overflow: hidden;}
.rb-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.rb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.rb-cont{width: 100%;position: relative;z-index: 18;padding: 1.05rem 0 .85rem;}
.rb-textbox{width: 100%;margin: 0 auto .8rem;color: #ffffff;line-height: 1.5;text-align: justify;}
.rb-textbox *{line-height: inherit;}
.rb-list{width: 100%;height: 3.6rem;position: relative;} 
.rb-item{position: relative; display: flex;align-items: center;align-content: center;flex-wrap: wrap;text-align: center; width: 1.86rem;min-height: 1.86rem;}
.rb-item:after{content: '';position: absolute;width: 1.86rem;height: 1.86rem;border-radius: .93rem;	background-image: linear-gradient(129deg, #ffffff 0%,  rgba(255, 255, 255, 0.2) 100%);opacity: 0.6;}
.rb-icon{width: 100%;height: .32rem;line-height: .32rem;}
.rb-icon img{max-height: 100%;}
.rb-text{width: 100%;padding-top: .05rem;}
.rb-name{width: 100%;color: #ffffff;line-height: 1.4;}
.rb-circle{position: absolute;top: 0;left: 0;width: 1.86rem;height: 1.86rem;opacity: 0;z-index: -1;visibility: hidden;}

@media(max-width:750px){
    .rb-list{height: 5rem;}
    .rb-textbox{padding: 0 .3rem;font-size: .24rem;}
}

 
.paenper-prev{ left: -.8rem;margin-top:-.3rem;width: .6rem;height: .6rem;border-radius: 50%;background-size: 0 0;}
.paenper-prev:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #036cfa;background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);}
.paenper-prev:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/b5.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}

.paenper-next{right: -.8rem;margin-top:-.3rem; width: .6rem;height: .6rem;border-radius: 50%;background-size: 0 0;}
.paenper-next:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #036cfa;background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);}
.paenper-next:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/b6.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
 
@media (max-width: 1780px){
  .paenper-prev{left: -.3rem;}
  .paenper-next{right: -.3rem;}
}

@media (max-width: 800px){
  .paenper-prev{left: -.1rem;}
  .paenper-next{right: -.1rem;}
}

.advantages .advanper{position: relative;}
.advanper .bl{display: none; left: -.8rem;margin-top:-.3rem;width: .6rem;height: .6rem;border-radius: 50%;background-size: 0 0;}
.advanper .bl:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #036cfa;background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);}
.advanper .bl:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/b5.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}

.advanper .br{display: none;right: -.8rem;margin-top:-.3rem; width: .6rem;height: .6rem;border-radius: 50%;background-size: 0 0;}
.advanper .br:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #036cfa;background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);}
.advanper .br:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/b6.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
 
@media (max-width: 1780px){
  .advanper .bl{left: -.3rem;}
  .advanper .br{right: -.3rem;}
}

@media (max-width: 800px){
  .advantages .advanper{padding-bottom: 1rem;}
  .advanper .bl{display: block;top: auto;bottom: 0;margin-top: 0;left: calc(50% - .8rem);}
  .advanper .br{display: block;top: auto;bottom: 0;margin-top: 0;right: calc(50% - .8rem);}
}

 
.viewper .bl{display: none; left: -.8rem;margin-top:-.3rem;width: .6rem;height: .6rem;border-radius: 50%;background-size: 0 0;}
.viewper .bl:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #036cfa;background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);}
.viewper .bl:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/b5.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}

.viewper .br{display: none;right: -.8rem;margin-top:-.3rem; width: .6rem;height: .6rem;border-radius: 50%;background-size: 0 0;}
.viewper .br:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #036cfa;background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);}
.viewper .br:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/b6.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
 
@media (max-width: 1780px){
  .viewper .bl{left: -.3rem;}
  .viewper .br{right: -.3rem;}
}

@media (max-width: 800px){
  .Overview .viewper{padding-bottom: 1rem;}
  .viewper .bl{display: block;top: auto;bottom: 0;margin-top: 0;left: calc(50% - .8rem);}
  .viewper .br{display: block;top: auto;bottom: 0;margin-top: 0;right: calc(50% - .8rem);}
}

.datper .bl{display: none; left: -.8rem;margin-top:-.3rem;width: .6rem;height: .6rem;border-radius: 50%;background-size: 0 0;}
.datper .bl:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #036cfa;background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);}
.datper .bl:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/b5.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}

.datper .br{display: none;right: -.8rem;margin-top:-.3rem; width: .6rem;height: .6rem;border-radius: 50%;background-size: 0 0;}
.datper .br:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #036cfa;background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%);}
.datper .br:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-image: url('../images/b6.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
 
@media (max-width: 1780px){
  .datper .bl{left: -.3rem;}
  .datper .br{right: -.3rem;}
}

@media (max-width: 800px){
  .datper{padding-bottom: 1rem;}
  .datper .bl{display: block;top: auto;bottom: .2rem;margin-top: 0;left: calc(50% - .8rem);}
  .datper .br{display: block;top: auto;bottom: .2rem;margin-top: 0;right: calc(50% - .8rem);}
}

@media (max-width: 800px){
  .causes .causper .btn {
    background-image: linear-gradient(45deg, #036cfa 0%, #9a32ca 100%), linear-gradient(#000000, #000000);
    background-color: transparent; }
}

.datper .swiper-slide:hover .sopm .sic img{filter: grayscale(100%) brightness(500%);}

@media (max-width: 800px){
  header .logo .log{width: 3rem;}
  footer .fop .fol .fogo a{width: 160px;}
  .modular .mitop.marls .mol{max-width: 100%;width: 100%;margin-bottom: .5rem;} 
  .recruits .campulis .catom .tiem{width: 100% !important;margin-right: 0 !important;}
}